主要思路:
滑动动画,就是改变元素的位置,要改变元素的位置有两种方法,一种改变left,top属性(相对定位和绝对定位),还有一种,就是现在这里用到的,改变margin的值。
本例中动画过程:
1.设置要改变margin-top的值;
2.用animate方法改变第一个LI的margin-top的值为---负值(负值会向上移动);
3.在动画完成之后,回调函数内,把当前的第一个LI的margin-top改变为"0"
4.把当前这第一个LI移动到所有LI的最后一个。(实现无缝)
<div class="even-tab">
//表头
<ul class="even-tab-bt">
<li>姓名</li>
<li>性别</li>
<li>学历</li>
<li>原职业</li>
<li>月薪</li>
<li class="bt-sj"><i></i>现职业</li>
<li class="bt-sj"><i></i>月薪</li>
<li>入职公司</li>
<li>参加班级</li>