Js仿新浪微博首页内容滚动

然后在新浪微博首页仍然在使用哦，可能我写的代码还不是最佳优化状态，但是我觉得这已经不错了。
</p> <p><title>仿新浪微博首页内容滚动</title> </p> <p>body{background:#efc;} </p> <p><!-- col-act --> </p> <p><!-- turn --> </p> <dl class="clear"> <dt>-------------------------------------</dt> <dd>---------------------------------------</dd> <dd>---------------------------------------</dd> </dl> <p><!-- turn end --> </p> <p>/*--------------新鲜事滚动----------------*/<br /> var _num=_n=0,<br /> _autohidden,_arrobj,_oheight;<br /> function flilter(elem,i,t){<br /> var o=document.getelementbyid("actdblist");<br /> if(!o) return false;<br /> var elem=o.getelementsbytagname("dl")[0];<br /> if (elem.movement) {<br /> cleartimeout(elem.movement);<br /> }<br /> if (!_n===0) _n = parseint(elem['style'][!-[1,]?'filter':'opacity']);<br /> if(_n>=i){<br /> return true;<br /> }<br /> if (_n <i> i) {<br /> var dist = math.ceil((i - _n)/10);<br /> _n = _n - dist;<br /> }<br /> elem['style'][!-[1,]?'filter':'opacity']=!-[1,]?'alpha(opacity='+_n+')':_n/100;<br /> var repeat = "flilter('"+elem+"',"+i+","+t+")";<br /> elem.movement = settimeout(repeat,t);<br /> }<br /> function moveelement(elem,final_y,interval) {<br /> var o=document.getelementbyid("actdblist");<br /> if(!o) return false;<br /> var elem=o.getelementsbytagname("dl")[0];<br /> if (elem.movement) {<br /> cleartimeout(elem.movement);<br /> }<br /> if (!elem.style.height) {<br /> elem.style.height = "0";<br /> }<br /> var ypos = parseint(elem.style.height); </p> <p>if (ypos == final_y) {<br /> flilter(o.getelementsbytagname("dl")[0],100,40);<br /> return true;<br /> }<br /> if (ypos final_y) {<br /> var dist = math.ceil((ypos - final_y)/10);<br /> ypos = ypos - dist;<br /> }<br /> elem.style.height = ypos + "px";<br /> var repeat = "moveelement('"+elem+"',"+final_y+","+interval+")";<br /> elem.movement = settimeout(repeat,interval);<br /> }<br /> function step(obj){<br /> var _arro=document.getelementbyid("db");<br /> if(!_arro) return false;<br /> var _arr=_arro.getelementsbytagname("dl");<br /> if (_autohidden) {<br /> clearinterval(_autohidden);<br /> }<br /> _n=0;<br /> _arrobj=_arr[_num];<br /> _max=_arr.length;<br /> var o=document.getelementbyid(obj);<br /> var newnode= document.createelement("dl");<br /> o.insertbefore(newnode,o.getelementsbytagname("dl")[0]);<br /> var s=o.getelementsbytagname("dl")[0];<br /> s.style.csstext="height:0;opacity:0;filter:alpha(opacity=0);overflow:hidden";<br /> s.style.classname="clear";<br /> s.innerhtml=_arrobj.innerhtml;<br /> _oheight=_arrobj.offsetheight;<br /> moveelement(s,_oheight,10);<br /> var lastnode=o.getelementsbytagname("dl")[(o.getelementsbytagname("dl").length-1)];<br /> var relastnode=o.removechild(lastnode);<br /> _num++;<br /> if(_num>=_max){<br /> _num=0;<br /> }<br /> stopmove("actdblist");<br /> _autohidden = settimeout(function(){step(obj);},5000);<br /> }<br /> function stopmove(o){<br /> var o=document.getelementbyid(o);<br /> if(!o) return false;<br /> o.onmouseover=function(){<br /> if (_autohidden) {<br /> cleartimeout(_autohidden);<br /> }<br /> }<br /> o.onmouseout=function(){<br /> _autohidden = settimeout(function(){step("actdblist");},5000);<br /> }<br /> }<br /> /*--------------新鲜事滚动结束----------------*/<br /> _autohidden = setinterval(function(){step("actdblist");},1000);<br /> stopmove("actdblist"); </p> <p><!-- --> </p> <dl> <dt>我记得我爱过（电视剧《泡沫之夏》主题曲）-何润东</dt> </dl> <p><!-- --> </p> <dl> <dd>#我最喜欢的书#绝对不是言情和校园谈恋爱的那种，就是无聊的，只有看那些书的时候，我也一个字看不进。其它的书还都蛮喜欢的，嘿嘿</dd> </dl> <p><!-- --> </p> <dl> <dt>等会儿又要飞了，好想死。旁边放把剪刀，实在写不出东西来，随时准备从天灵盖插下去……</dt> </dl> <p><!-- --> </p> <dl> <dt>有人质疑我"发福了，老了，唱不动了"。我早已不把这些话放在心上。</dt> </dl> <p><!-- --> </p> <dl> <dt>记录心情，记录生活点滴，欢迎走进腾讯微博。</dt> <dd>欢乐无从，快乐从心！ </dd> </dl> <p><!-- --> </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]