单行笔墨间歇转动，可配置转动速率、高度和时刻

　　一款较量常见的单行笔墨链接间歇转动结果，大概你已经在猛火网或其余网站看到过，可配置转动速率、高度实时刻，已在JS剧本中举办了注释。

　　行使的伴侣请留意，每一行的笔墨不要太多，因CSS没有写的太完美，不会自动潜匿多余字条，以是会看上去不整齐了，影响整体结果。这个小转动结果是在中关村网站上扒下来的，简捷适用，今朝行使者也较量多。

　　演示：

<title>单行笔墨转动 - 猛火学院 Liehuo.Net</title> <style> A { COLOR: #333333; TEXT-DECORATION: none ;border-bottom:1px dotted } A:hover { COLOR: #333333; background-color:#C0FFFF; } td { FONT-SIZE: 9pt; FONT-FAMILY: "Verdana"; color:#3333333;letter-spacing : 1pt ;line- height :14pt} </style><center> <table width=380 bgcolor=#f7f8f9 border=0 cellspacing=0 style="border:#cccccc 1px solid;" height="18"><tr><td><div id="icefable1" style="width:500;"> <TABLE cellSpacing=0 cellPadding=0 border=0 height="18"><TBODY><TR><TD width=201 height=18>·<A href="#" target=_blank>是时辰给家里安装无线收集啦 </A></TD><TD width=177 height=18>·<A href="#" target=_blank>小巧图片颜色替代处理赏罚 </A></TD></TR><TR><TD height=18>·<A href="#" target=_blank>电脑，数码硬件类图标，ICO版</A></TD><TD height=18>·<A href="#" target=_blank>PC 上演绎 MAC 神话 ！ </A></TD></TR><TR><TD height=18>·<A href="#" target=_blank>六种美满办理表现器题目要领</A> </TD><TD height=18><A href="#" target=_blank>·Free仔靓卡丧失惨重!多图</A></TD></TR></TBODY></TABLE> </div><div id="icefable2" style="position:absolute;z- index:1;visibility:hidden"></div></td></tr></table> <script> // 猛火網ｌｉｅｈｕｏ．ｎｅｔ增进注释 21:27 2011-01-16 marqueesHeight=18;　// 每次转动的高度（像素） stopscroll=false;　// 无转动条 icefable1.scrollTop=0; with(icefable1){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } preTop=0; currentTop=0; stoptime=0; function init_srolltext(){ icefable2.innerHTML=""; icefable2.innerHTML+=icefable1.innerHTML; icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML; setInterval("scrollUp()",50);// 转动速率，数字越大越慢 } function scrollUp(){ if(stopscroll==true) return; currentTop+=1; if(currentTop==19) { stoptime+=1; currentTop-=1; if(stoptime==50) // 转动后遏制的时刻 { currentTop=0; stoptime=0; } } else { preTop=icefable1.scrollTop; icefable1.scrollTop+=1; if(preTop==icefable1.scrollTop){ icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight; icefable1.scrollTop+=1; } } } init_srolltext(); </script> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!