单行文字间歇滚动，可设置滚动速度、高度和时间

　　一款比较常见的单行文字链接间歇滚动效果，也许你已经在烈火网或其它网站看到过，可设置滚动速度、高度及时间，已在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>
提示：可修改后代码再运行!

（编辑：91站长网）

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