我想让图片从右向左滚动,可它就是不动
为什么图片总是不动呢?求大神帮忙看看
<style type="text/css">
#big{ width:700px; height:150px; border:1px solid #F00; margin:auto;}
#aul{ width:650px; height:140px; border:1px solid #0F0; position:absolute; overflow:hidden; margin:0; padding:0px; margin:5px 25px;}
#aul li{ float:left; padding:0; margin:0; list-style-type:none; width:145px; height:140px;margin:10px 8px;}
#aul li a img{ width:142px; height:110px; border:1px solid #CCC; }
#aul li a img:hover{ border:1px solid #F00;}
</style>
<script type="text/javascript" language="javascript">
var speed = 25;
copyul.innerHTML= aul.innerHTML;
function Marquee(){
if(copyul.offsetWidth-big.scrollLeft<=0){
big.scrollLeft-=aul.offsetWidth;
}else{
big.scrollLeft++;
}
}
var MyMar =setInterval(Marquee,speed);
big.onmouseover=function() {clearInterval(MyMar)}
big.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</head>
<body>
<div id="big">
<ul id="aul">
<marquee>
<li><a href="#"><img src="img/ti_bottom1.jpg" /></a></li>
<li><a href="#"><img src="img/ti_bottom2.jpg" /></a></li>
<li><a href="#"><img src="img/ti_bottom3.jpg" /></a></li>
<li><a href="#"><img src="img/ti_bottom1.jpg" /></a></li>
</marquee>
</ul>
<div id="copyul" style="overflow:hidden;"></div>
</div>
</body>