两行间歇向上滚动的新闻公告文字JS代码

发布时间：2018-08-18 19:52:57 所属栏目：PHP教程来源：站长网

导读：两行间歇向上滚动的新闻公告文字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>
提示：可修改后代码再运行!

（编辑：武汉站长网）

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

Php常见问题汇总	运用Xdebug优化你的ph
PHP技巧 Smarty adodb	PHP完成任意字符集下正