当前位置:编程学习 > JS >>

JS制作的滚动公告栏文字图片每翻一行停顿几秒

这个是关于前台制作和脚本方面的,用JS写的滚动公告栏的两段代码,分别对文字和图片使用,方向是上下滚动,每翻一行就要停顿几秒,这在一些门户网站,论坛以及一些BLOG常见到,在这里先摘录一下以备用。最重要的是两段JS代码在IE6.0与FIREFOX下都可以正常显示和滚动。 

文字每翻一行停顿几秒的代码
<ul id="mq" style="width:100%;height:90px;overflow:hidden" onmouseover="iScrollAmount=0" 
onmouseout="iScrollAmount=1"> 

      <li><a href='http://www.zhaoxi.net/make/18699/'>白色3D娃娃宝剑和盾牌banner在线设计</a></li>
      <li><a href='http://www.zhaoxi.net/make/18698/'>苹果手机秒冲电池banner在线制作</a></li>
      <li><a href='http://www.zhaoxi.net/make/18697/'>橙色圆环绿色树苗logo在线设计啦</a></li>
      <li><a href='http://www.zhaoxi.net/make/18696/'>在线制作红色立体钩钩logo标志图片</a></li>
      <li><a href='http://www.zhaoxi.net/make/18695/'>浅绿色字母D斜杠杠logo徽标设计器</a></li>
      <li><a href='http://www.zhaoxi.net/make/18694/'>青色云朵新人站长logo商标设计</a></li>
      <li><a href='http://www.zhaoxi.net/make/18693/'>红色云朵个人网站logo在线制作</a></li>
      <li><a href='http://www.zhaoxi.net/make/18692/'>绿色透明云朵网络公司logo免费生成</a></li>
      <li><a href='http://www.zhaoxi.net/make/18691/'>意大利进口爱心巧克力banner在线制作</a></li>
      <li><a href='http://www.zhaoxi.net/make/18690/'>红色缠绕朝上箭头logo商标设计模板</a></li>
     
    </ul>

<script> 
var oMarquee = document.getElementById("mq"); //滚动对象 
var iLineHeight = 18; //单行高度,像素 
var iLineCount = 10; //实际行数 
var iScrollAmount = 1; //每次滚动高度,像素 
function run() { 
oMarquee.scrollTop += iScrollAmount; 
if ( oMarquee.scrollTop == iLineCount * iLineHeight ) 
oMarquee.scrollTop = 0; 
if ( oMarquee.scrollTop % iLineHeight == 0 ) { 
window.setTimeout( "run()", 2000 ); 
} else { 
window.setTimeout( "run()", 20 ); 


oMarquee.innerHTML += oMarquee.innerHTML; 
window.setTimeout( "run()", 2000 ); 
</script>
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,