我想让图片从右向左滚动,可它就是不动

kyihai 2015-07-07 09:38:41
为什么图片总是不动呢?求大神帮忙看看

<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>
...全文
93 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
kyihai 2015-07-07
  • 打赏
  • 举报
回复
我试试看,谢了。。。
纯洁袜子 2015-07-07
  • 打赏
  • 举报
回复
可以正常运行啊,图片从右至左移动 ,但是我F12的时候看到一个错误,说:copyul未定义。。。。
  • 打赏
  • 举报
回复
我测试的时候可以啊 图片从右至左移动 还可以循环的
tony4geek 2015-07-07
  • 打赏
  • 举报
回复
copyul 这个哪里来的?

87,888

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧