java显示数据一次滚动一次_[Java教程]使用jQuery实现向上循环滚动效果（超简单）...

[Java教程]使用jQuery实现向上循环滚动效果(超简单)

0 2018-08-22 23:00:25

代码如下

• aaaaaaaaaaaaaaaaaaaaa
• bbbbbbbbbbbbbbbbbbbbb
• ccccccccccccccccccccc
• ddddddddddddddddddddd
• eeeeeeeeeeeeeeeeeeeee
• fffffffffffffffffffff
• ggggggggggggggggggggg
• hhhhhhhhhhhhhhhhhhhhh

$(function(){

//每隔两秒进行一次滚动

setInterval("info()",2000);

})

function info(){

//复制第一个li

var li =$("ul>li:eq(0)").clone();

//使用animate对li的外边距进行调整从而达到向上滚动的效果

$("ul>li:eq(0)").animate({marginTop:"-20px"},2000,function(){

//对已经消失的li进行删除

$("ul>li:eq(0)").remove();

//把复制后的li插入到最后

$("ul").append(li);

})

}

以上就是全部代码了，这个滚动效果也有取巧的成分在里面，不过不管是黑猫还是白猫能抓到老鼠的就是好猫。 本文网址：http://www.shaoqun.com/a/380904.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

jquery

0