                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /DOM探索之基础详解篇

用别的软件行吗？

老师，我用Dreamweaver
写，写一模一样都不出效果，为什么呢？难道用Dreamweaver要用不同的写法吗？

设计未来lan

2015-09-12

源自：DOM探索之基础详解篇 1-2

关注问题我要回答

1238

操作

收起

4 回答

伊兮尘昔回答被采纳 +3 积分
2015-09-14

不是的。。一样的，看看你的代码？

0 回复有任何疑惑可以回复我~

收起回答

设计未来lan 提问者
2015-09-14

<!doctype html>
<html>
<head>
<script src="scripts/jquery.js"></script>
<meta charset="utf-8">
<title>无标题文档</title>

<link href="style/reset.css" rel="stylesheet" type="text/css">
<link href="style/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
     <img src="images/m0.jpg" alt="1008花" title="1008花">
     <img src="images/m1.jpg" alt="1005地" title="1005地">
     <img src="images/m2.jpg" alt="1008然" title="1008然">
     <img src="images/m3.jpg" alt="1008企" title="1008企">
</div>
<script>
function(){
   var box= document.getElementById("container");
   var imgs= box.getElementsByTagName("img");
   var imgWidth = imgs[0].offsetWidth;
   var exposeWidth = 300;
   var boxWidth = imgWidth+(imgs.length-1)*exposeWidth;
   box.style.width = boxWidth+"px";
   }
for (var i =1,len = imgs.length;i<len;i++){
      imgs[i].style.left = imgWidth + exposeWidth*(i-1)+"px";
   }
</script>
</body>
</html>