<title>文字滚动</title> <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"> 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); 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>
文字向上屏幕滚动
精选 转载
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Javascript封装文字向上滚动组件
Javascript封装文字向上滚动组件
职场 JavaScript 休闲 Javascript封装文字向上滚动组件 -
JS实现文字向上无缝滚动轮播
效果图:全部代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
javascript 文字向上轮播 html