猿问

请大家帮我看看我写的这段代码为什么不能让图片向左移动

<!DOCTYPE html>
<html>
<head>
 <title>roll</title>
 <style type="text/css">
  * {margin: 0;padding: 0;}
  #div1 {width: 2376px;height: 594px;margin: 25px auto;position: relative;background: orange;};
  #div1 ul {position: absolute;left: 0;top: 0;}
  #div1 ul li {float: left;width: 594px;height: 594px;list-style: none;};
 </style>
 <script type="text/javascript">
  window.onload=function ()
  {
   var oDiv=document.getElementById("div1");
   var oUl=oDiv.getElementsByTagName("ul")[0];
   setInterval(function(){oUl.style.left=oUl.offsetLeft-2+"px";}, 30);
  };
 </script>
</head>
<body>
<div id="div1">
 <ul onclick="alert(this.offsetLeft)">
  <li><img src="C:\Users\Administrator\Desktop\AI\img\1.jpg" /></li>
  <li><img src="C:\Users\Administrator\Desktop\AI\img\2.jpg" /></li>
  <li><img src="C:\Users\Administrator\Desktop\AI\img\3.jpg" /></li>
  <li><img src="C:\Users\Administrator\Desktop\AI\img\6.jpg" /></li>
 </ul>
</div>
</body>
</html>

图片是本地图片,看的网上教程,代码是一样的,但我的不能移动 IE 谷歌等浏览器都不行

慕丝8042145
浏览 1309回答 1
1回答

qq_青枣工作室_0

你的问题很隐蔽,有两条CSS的末尾后面多了个分号。去掉即可。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答