当前位置:编程学习 > 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=>       <li><a href=>       <li><a href=>       <li><a href=>       <li><a href=>       <li><a href=>       <li><a href=>       <li><a href=>       <li><a href=>       <li><a href=>      
    </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 © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,