轮回向上转动的单行笔墨代码,适于网站通告

　　纯Javascript实现的轮回向上转动的笔墨通告代码，默认是一行笔墨的行高，这个各人本身按照必要调解吧，转动结果修饰的不太好，时刻相关，请各人本身美化吧，焦点的成果已经完成，并且在多个赏识器中已测试，兼容性还行吧。

　　示例：

<title>轮回向上转动的笔墨通告结果</title> <script> var marqueeContent=new Array(); //转动消息 marqueeContent[0]='<font color="#0000CC">14:25 </font><a href="#" target=_blank class="f12red">Access+VB<b>旅馆</b>客房打点体系源代码</a><br>'; marqueeContent[1]='<font color="#0000CC">14:25 </font><a href="#" target=_blank class="f12red">Vod点播体系，Vb+Access源代码</a><br>'; marqueeContent[2]='<font color="#0000CC">14:25 </font><a href="#" target=_blank class="f12red">户口本中的署名只有注册用户有此成果</a><br>'; marqueeContent[3]='<font color="#0000CC">14:25 </font><a href="#" target=_blank class="f12red">带阴影的网页时刻，把时钟加在配景上</a><br>'; var marqueeInterval=new Array(); //界说一些常用并且要常常用到的变量 var marqueeId=0; var marqueeDelay=2000; var marqueeHeight=20; //接下来的是界说一些要行使到的函数 function initMarquee() { var str=marqueeContent[0]; document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div></div>'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } // Downloads By http://www.veryhuo.com/down initMarquee(); </script><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

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