課程
/前端開發
/HTML/CSS
/DOM探索之基礎詳解篇
老師,我用Dreamweaver 寫,寫一模一樣都不出效果,為什么呢?難道用Dreamweaver要用不同的寫法嗎?
2015-09-12
源自:DOM探索之基礎詳解篇 1-2
正在回答
不是的。。一樣的,看看你的代碼?
<!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>
舉報
要知道前端大牛都是從精通DOM開始的,全面講解DOM的基礎知識
3 回答用什么軟件?
1 回答開發軟件名稱
5 回答編寫軟件提問
1 回答這個是什么軟件?
2 回答老師編輯器軟件
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-09-14
不是的。。一樣的,看看你的代碼?
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>