单行轮回转动的无缝消息代码，可配置参数

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

导读：在开源社区看到的一款单行轮回转动的消息代码，可在代码中配置转动逗留的时刻、转动速率和高度等参数，无误差转动哦，很是不错。猛火小编保举将该代码行使在网站的通告栏、可能在栏目增进一个转动的单行消息。演示代码： htmlheadtitle简捷的单行转动消息

　　在开源社区看到的一款单行轮回转动的消息代码，可在代码中配置转动逗留的时刻、转动速率和高度等参数，无误差转动哦，很是不错。猛火小编保举将该代码行使在网站的通告栏、可能在栏目增进一个转动的单行消息。

　　演示代码：

<html> <head> <title>简捷的单行转动消息代码，合用网站通告</title> <style> #ullist2 { FLOAT: left; MARGIN: 0px; OVERFLOW: hidden; LINE-HEIGHT: 20px; HEIGHT: 20px } </style> </head> <body> <ul id="ullist2"> <li onmouseover="ff()" onmouseout="oo()"> <a href="#">接待会见猛火学院</a> </li> <li onmouseover="ff()" onmouseout="oo()"> <a href="#">我们的网址：liehuo.net</a> </li></ul> <script type="text/javascript"> (function(ul, delay, speed, lineHeight) { var slideBox = (typeof ul == 'string')?document.getElementById(ul):ul; var delay = delay||1000; var speed=speed||20; var lineHeight = lineHeight||20; var tid = null, pause = false; var start = function() { tid=setInterval(slide, speed); } var slide = function() { if (pause) return; slideBox.scrollTop += 2; if ( slideBox.scrollTop % lineHeight == 0 ) { clearInterval(tid); slideBox.appendChild(slideBox.getElementsByTagName('li')[0]); slideBox.scrollTop = 0; setTimeout(start, delay); } } slideBox.onmouseover=function(){pause=true;} slideBox.onmouseout=function(){pause=false;} setTimeout(start, delay); }) ( 'ullist2', 2000, 1, 20 );//逗留时刻，相对速率（越小越快）,每次转动几多，最好和Li的Line-height同等。 </script> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

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

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys