这个效果在很多论坛,贴吧上应用,我给整理了下,将最简单的demo做出,仅作札记学习备用。
效果图如下:
只显示3(可控制)个,每条新闻动态下落
均测试过:兼容IE6、7、8,FF 。
源代码如下:
引入jQuery.js;
其中text.js如下
$(function(){ var t = 2000 ; var g = 0 ; //k定义显示多少条 var k = 3 ; var j = 0 ; //将所有的显示条都隐藏了 $("div#tw_rec").find("div.twi").hide() ; //通过找到的长度,遍历赋予id值 var l = h = $("div#tw_rec").find("div.twi").length ; $("div#tw_rec").find("div.twi").each(function(){ l-- ; $(this).attr("id","recent"+l) ; }) ; //控制,只有id为recent0,recent1的可以显示 for(var i=0;i<k;i++){ $("#recent"+i).show() ; } //每过4秒执行一次a函数 setTimeout(a,t) ; function a(){ //小的