日期:2014-05-18 浏览次数:20250 次
在FF滚的速度比在ie下慢一些
以下是HTML网页特效代码,点击运行按钮可查看效果: 以下是程序代码<style type="text/css"> #rollText{font:12px /20px verdana;} </style> <div id="rollAD" style="height:40px; position:relative; overflow:hidden;"> <div id="rollText" style="font-size:12px; line-height:20px;"> <a href="">◇ 安理会改革拟新增七理事国</a><br /> <a href="">◇ 国务院领导工作分工确定</a><br /> <a href="">◇ 安理会改革拟新增七理事国</a><br /> <a href="">◇ 国务院领导工作分工确定</a><br /> <a href="">◇ 安理会改革拟新增七理事国</a><br /> <a href="">◇ 国务院领导工作分工确定</a><br /> <a href="">◇ 国务院领导工作分工确定</a><br /> </div> </div> <script type="text/javascript"> // <![CDATA[ var textDiv = document.getElementById("rollText"); var textList = textDiv.getElementsByTagName("a"); if(textList.length > 2){ var textDat = textDiv.innerHTML; var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3); //var textUp2 = textDat.substr(0,br); textDiv.innerHTML = textDat+textDat+textDat.substr(0,br); textDiv.style.cssText = "position:absolute; top:0"; var textDatH = textDiv.offsetHeight;MaxRoll(); } var minTime,maxTime,divTop,newTop=0; function MinRoll(){ newTop++; if(newTop<=divTop+40){ textDiv.style.top = "-" + newTop + "px"; }else{ clearInterval(minTime); maxTime = setTimeout(MaxRoll,5000); } } function MaxRoll(){ divTop = Math.abs(parseInt(textDiv.style.top)); if(divTop>=0 && divTop<textDatH-40){ minTime = setInterval(MinRoll,1); }else{ textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll(); } } // ]]> </script></font></font> <a href="http://js.aiyiweb.com/">欢迎访问爱易网网页特效代码站,js.aiyiweb.com</a> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]