<!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 谷歌等浏览器都不行
添加回答
举报
0/150
提交
取消