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

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

var imgWidth = imgs[0].offsetWidth;/*這是動態獲取的嗎??還是固定值*/

  1. var imgWidth = imgs[0].offsetWidth;/*這是動態獲取的嗎??還是固定值??*/

  2. 代碼中的每一張圖片的offsetWidth被其他的圖片覆蓋的部分算嗎?是怎么計算了。我知道offsetWidth 是width+padding+border,但是這里有些不懂。

  3. window.onload?=?function()?{
    ????//容器對象
    ????var?box?=?document.getElementById('container');
    
    ????//獲得圖片NodeList對象集合
    ????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';
    
    ????//設置每道門的初始位置
    ????function?setImgsPos()?{
    ????????for?(var?i?=?1,?len?=?imgs.length;?i?<?len;?i++)?{
    ????????????imgs[i].style.left?=?imgWidth?+?exposeWidth?*?(i?-?1)?+?'px';
    ????????}
    ????}
    ????setImgsPos();
    
    ????//計算每道門打開時應移動的距離
    ????var?translate?=?imgWidth?-?exposeWidth;
    
    ????//為每道門綁定事件
    ????for?(var?i?=?0,?len?=?imgs.length;?i?<?len;?i++)?{
    ????????//使用立即調用的函數表答式,為了獲得不同的i值
    ????????(function(i)?{
    ????????????imgs[i].onmouseover?=?function()?{
    ????????????????//先將每道門復位
    ????????????????setImgsPos();
    ????????????????//打開門
    ????????????????for?(var?j?=?1;?j?<=?i;?j++)?{
    ????????????????????imgs[j].style.left?=?parseInt(imgs[j].style.left,?10)?-?translate?+?'px';
    ????????????????}
    ????????????};
    ????????})(i);
    ????}
    };


正在回答

1 回答

是動態獲取 但是如果你dom結構不變的話 ?她就是固定的

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

舉報

0/150
提交
取消

var imgWidth = imgs[0].offsetWidth;/*這是動態獲取的嗎??還是固定值*/

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

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

幫助反饋 APP下載

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

公眾號

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