读书人

jquery滚动公报效果

发布时间: 2012-08-31 12:55:03 作者: rapoo

jquery滚动公告效果

http://wange.im/jquery-slideshow-twitter.html

?

仿Twitter的公告效果:

方法如下:

1、HTML 部分:

$(document).ready(function(){
????$("#twitter li:not(:first)").css("display","none");
????var?B=$("#twitter li:last");
????var?C=$("#twitter li:first");
????setInterval(function(){
????if(B.is(":visible")){
????C.fadeIn(500).addClass("in");B.hide()
????}else{
????$("#twitter li:visible").addClass("in");
????$("#twitter li.in").next().fadeIn(500);
????$("li.in").hide().removeClass("in")}
????},3000)?//每3秒钟切换一条,你可以根据需要更改
})

读书人网 >Web前端

热点推荐