单行循环滚动的无缝新闻代码，可设置参数

发布时间：2018-08-18 22:43:06 所属栏目：PHP教程来源：站长网

导读：在开源社区看到的一款单行循环滚动的新闻代码，可在代码中设置滚动停留的时间、滚动速度和高度等参数，无缝隙滚动哦，非常不错。烈火小编推荐将该代码使用在网站的公告栏、或者在栏目增加一个滚动的单行新闻。演示代码： 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>
提示：可修改后代码再运行!

（编辑：92站长网）

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

一些PHP学习过程中的心	运用PHP制作简单的内容
PHP新手总结的PHP基础	也用PHP来实现网页静态