+ -
当前位置:首页 → 问答吧 → 这段代码怎么在FOX下不滚动,怎么兼容呢?

这段代码怎么在FOX下不滚动,怎么兼容呢?

时间:2010-05-16

来源:互联网


<script> var marqueeContent=new Array(); //滚动新闻 marqueeContent[0]='<div class="gd_centent l"><a href="#" target="_blank">测试链接测试链接测试链接</a></div>'; marqueeContent[1]='<div class="gd_centent l"><a href="#" target="_blank">测试链接测试链接测试链接</a></div>'; marqueeContent[2]='<div class="gd_centent l"><a href="#" target="_blank">测试链接测试链接测试链接</a></div>'; marqueeContent[3]='<div class="gd_centent l"><a href="#" target="_blank">测试链接测试链接测试链接</a></div>'; 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]); } } initMarquee(); </script>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 z315036352 于 2010-5-16 08:44 编辑 ]

作者: z315036352   发布时间: 2010-05-16