拼图博客

拼图更新进度、开发动态、Bug反馈,问题探讨。


建议添加js渐隐渐显功能

2016-3-2 老火兔 功能反馈


<div class="table-responsive-y">

<table id="data-table" table-layout="fixed" class="table table-condensed tablesorter table-hover">

<thead>

<tr>

<th width="90">编号</th>

<th width="*">书名</th>

<th width="250">评语</th>

<th width="150">分类</th>

<th width="150">作者</th>

<th width="100">是否vip</th>

<th width="100">是否推荐</th>

<th width="100">首页推荐</th>

<th width="100">是否签约</th>

<th width="200">更新时间</th>

<th width="200">操作</th>

</tr>

</thead>

<tbody>

<tr style="line-height: 30px;">

<td data-title="编号">1</td>

<td data-title="书名">这一世注定颠沛流离</td>

<td data-title="评语"><span class="bigclassname" title="1">这一世孤独的测</span></td>

<td data-title="分类">悬疑推理</td>

<td data-title="作者">admin</td>

<td data-title="是否vip"><span class="text-yellow">全本Vip</span></td>

<td data-title="是否推荐"><span class="text-red">推荐</span></td>

<td data-title="首页推荐"><span class="text-red">2推</span></td>

<td data-title="是否签约"><span class="text-red"><span class="text-red">已签约</span></span></td>

<td data-title="更新时间"><span class="tips"  data-toggle="hover" data-place="top" title="创建时间:2016-03-02 15:58:00">2016-03-02 15:58:03</span></td>

<td data-title="选择/操作">

<div class="button-toolbar">

<div class="button-group">

<a href="javascript:;" onclick="more_js(1)" class="button tips"  data-toggle="hover" data-place="top" title="查看更多">

<span class="icon-search-plus"></span>

</a>

<a href="/admin.php/article/edit/id/1.html" class="button bg-blue tips" data-toggle="hover" data-place="top" title="修改">

<span class="icon-edit"></span>

</a>

<a href="javascript:;" class="button bg-yellow tips article_del" value="1" data-toggle="hover" data-place="top" title="删除">

<span class="icon-trash-o"></span>

</a>

</div>

</div>

</td>

</tr>

<tr style="display:none" class="more more_1">

<td width="90"></td>

<td><strong>最新卷</strong></td>

<td width="400"><strong>最新章节</strong></td>

<td><strong>字数</strong></td>

<td><strong>点赞</strong></td>

<td><strong>皇冠</strong></td>

<td><strong>打赏</strong></td>

<td><strong>点击</strong></td>

<td><strong>标签</strong></td>

<td><strong>作者手机</strong></td>

<td><strong>作者QQ</strong></td>

</tr>

<tr style="display:none" class="more more_1">

<td></td>

<td>第一卷</td>

<td>第五章</td>

<td>2332323</td>

<td>212</td>

<td>4552</td>

<td>1212</td>

<td>22323</td>

<td>美女、都市</td>

<td>18719783000</td>

<td><a target=blank href=http://wpa.qq.com/msgrd?V=3&uin=1426786766&Site=admin&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:1426786766:9 alt="点击这里给我发消息"></a></td>

</tr>            

</tbody>

</table>

</div>

<div class="panel-foot text-left hidden-l">

<ul class="pagination"><li><a class="first" href="/admin.php/Book/index/p/1.html"><span class="icon-step-backward"></span>&nbsp;首页</a><li><li class="active"><a class="prev" href="/admin.php/Book/index/p/0.html"><span class="icon-chevron-left"></span>&nbsp;上一页</a><li></ul> <ul class="pagination pagination-group"></ul> <ul class="pagination"><li class="active"><a class="next" title="下一页" href="/admin.php/Book/index/p/2.html">下一页&nbsp;<span class="icon-chevron-right"></span></a></li><li><a class="end" title="尾页" href="/admin.php/Book/index/p/1.html">尾页&nbsp;<span class="icon-step-forward"></span></a></li></ul> <ul class="pagination"><li><a>共:<strong class="text-yellow">1</strong>条<strong class="text-yellow"> 1</strong>页 当前第:<strong class="text-dot">1</strong>页</a></li></ul> </div>

<div class="margin-top text-center show-l hidden-s hidden-b hidden-m">

<span class="icon-chevron-down mobile-down" style="font-size: 24px;"></span>

</div>

</div>

<script>

function more_js(id){

$('.more_'+id).fadeToggle(1000);

}

</script>

« 建议实现一个功能 | 拼图可以在线注册、发布信息啦»
发表评论:



blogger

pintuer 拼图响应式前端框架第1作者。