两行间歇向上转动的消息通告笔墨JS代码

发布时间：2018-08-18 15:53:07 所属栏目：编程来源：站长网

导读：两行间歇向上转动的消息通告笔墨JS代码，适于消息列表笔墨转动，轮回向上转动的笔墨通告结果，网络清算出来的JS笔墨转动代码，网上许多图片转动和笔墨持续转动的代码都不兼允许多赏识器，本日给各人分享出来的转动代码兼容性照旧较量好的，但愿各人喜好这

　　两行间歇向上转动的消息通告笔墨JS代码，适于消息列表笔墨转动，轮回向上转动的笔墨通告结果，网络清算出来的JS笔墨转动代码，网上许多图片转动和笔墨持续转动的代码都不兼允许多赏识器，本日给各人分享出来的转动代码兼容性照旧较量好的，但愿各人喜好这些转动结果的代码片断！

　　示例：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title>两行间歇向上转动的消息通告笔墨JS代码</title> </head> <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="/" title="">◇ 安分析改良拟新增七理事国</a><br /> <a href="/" title="">◇ 国务院率领事变分工确定</a><br /> <a href="/" title="">◇ 安分析改良拟新增七理事国</a><br /> <a href="/" title="">◇ 国务院率领事变分工确定</a><br /> <a href="/" title="">◇ 安分析改良拟新增七理事国</a><br /> <a href="/" title="">◇ 国务院率领事变分工确定</a><br /> <a href="/" title="">◇ 国务院率领事变分工确定</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><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

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

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE