继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JQuery文字列表向上滚动的代码

千岁不倒翁
关注TA
已关注
手记 362
粉丝 60
获赞 386


JQuery实现的文字列表一条一条向上滚动的效果

jQuery实现代码如下:
代码如下:

<script type="text/javascript">
$(function(){
$("#newly").hover(function(){
clearInterval(scrtime);
},function(){
scrtime=setInterval(function(){
 $ul=$("#newly ul");
 liheight=$ul.find("li:first").height();
 $ul.animate({marginTop:"-10px"},1000,function(){
 $ul.find("li:first").appendTo("#newly ul");
 $ul.find("li:first").hide();
 $ul.css("margin-top","0px");
 $ul.find("li:first").show();
 });
},4200);
}).trigger("mouseleave");
});
</script>

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP