素材牛

jQuery表格行上下移动(带过渡效果)

 浏览:127次  评论:0次  发布时间:2018-04-17
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:1.9.1
代码描述:基于jQuery写的Table下行上下移动特效代码。
网上找的table表格行上移下移都只是简单的把整行tr元素与相邻的before一下,实现位置交换而已。
上一个项目中客户提出不直观,不仔细看还不知道已经点过上移操作了,所以自己实现了一下过渡效果。
由于不是经常玩前台,想参考网上一些例子用 div和 ul li 去实现,结果发现table下不能这么整,还有tr 行的height这个高度直接改成0还不起效,经历了些麻烦,希望有朋友需要的直接拿去用或参考,少走些弯路。

讨论这个项目(0)回答他人问题或分享插件使用方法奖励牛币

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的积分余额:0 已下载次数:1
所需牛币:免费下载 开始下载
会员账号
会员密码
安全验证