亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

好煩啊 怎么什么效果都沒 覺得沒寫錯啊TT

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<meta charset="utf-8">


<title>DOM</title>

<link href="css/main.css" rel="stylesheet"type="text/css" ?/>

<script src="js/dom.js" type="text/javascript"></script>

</head>


<body>

<div id="box">

<img src="img/QQ截圖20160707085954.jpg" alt="tel" title="TEL" />

<img src="img/QQ截圖20160707085954.jpg" alt="tel" title="TEL" />

<img src="img/QQ截圖20160707085954.jpg" alt="tel" title="TEL" />

<img src="img/QQ截圖20160707085954.jpg" alt="tel" title="TEL" />

</div>

</body>

</html>


CSS

/* CSS Document */

#box{ height:450px; margin:0 auto; border:red solid 2px; overflow:hidden; position:relative;}

#box img{ position:absolute; left:0; display:block; border-left:#CCCCCC solid 1px;}

JS

window.onload=function(){

var box=document.getElementById('box');

var imgs=box.getElementsByTagName('img');

var imgwidth=imgs[0].offsetwidth;

var exposewidth=160;

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';

}

};

總寬度沒變化 圖片也沒法全出來?

正在回答

2 回答

很小的錯誤

var?imgwidth?=?imgs[0].offsetWidth;

offsetWidth你寫錯了而已。

0 回復 有任何疑惑可以回復我~
#1

啊啊啊啊123 提問者

是的是的 謝謝,審核元素居然不報錯?
2016-07-07 回復 有任何疑惑可以回復我~
#2

聆Q 回復 啊啊啊啊123 提問者

沒關系~
2016-07-07 回復 有任何疑惑可以回復我~

圖片沒有刷出來 只能說明路徑錯誤。html文件 是在所有文件的外部嗎?

0 回復 有任何疑惑可以回復我~
#1

啊啊啊啊123 提問者

圖沒刷出來是因為我用是我截下來的圖,你試的時候自己用自己的圖 img標簽里的鏈接改成你機子上的圖
2016-07-07 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

好煩啊 怎么什么效果都沒 覺得沒寫錯啊TT

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號