+ -
当前位置:首页 → 问答吧 → 帮忙看下.这个图片滚动在FF里没效果..

帮忙看下.这个图片滚动在FF里没效果..

时间:2010-05-28

来源:互联网


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片滚动</title> </head> <body> <style type="text/css"> <!-- #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; height: 500px; width:130px; } #demo img { border: 3px solid #F2F2F2; } #indemo { } --> </style> <div id="demo"> <div id="indemo"> <div id="demo1"> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border="0" /></a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border="0" /></a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border="0" /></a> <a href="#"><img src="http://codefans.net/jscss/demoimg/wall_s4.jpg" border="0" /></a> <a href="#"><img src="http://codefans.net/jscss/demoimg/wall_s5.jpg" border="0" /></a> <a href="#"><img src="http://codefans.net/jscss/demoimg/wall_s6.jpg" border="0" /></a> </div> <div id="demo2"></div> </div> </div> <script> <!-- var speed=1 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight else{ demo.scrollTop++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} --> </script> </body> </html>
 提示:您可以先修改部分代码再运行
该如何调整?

作者: YOOYOCN   发布时间: 2010-05-28

demo = document.getElementById("demo");
demo1 = document.getElementById("demo1");
demo2 = document.getElementById("demo2");
加这三句,別养成这习惯...

作者: aolu11   发布时间: 2010-05-28

相关阅读 更多