課程
/前端開發(fā)
/HTML/CSS
/DOM探索之基礎(chǔ)詳解篇
怎么我的圖片特效沒出來??救命~~
2016-11-14
源自:DOM探索之基礎(chǔ)詳解篇 1-3
正在回答
js第十行img少寫了個(gè)s哎
<script> ????window.onload?=?function?()?{ ????????/*注意添加window.onload*/ ????????var?box?=?document.getElementById("container"); ????????/*獲取圖片集*/ ????????var?imgs?=?box.getElementsByTagName("img"); ????????/*獲取單張圖片的寬度*/ ????????var?picwidth?=?imgs[0].offsetWidth; ????????/*定義需要遮蓋的寬度*/ ????????var?pushwidth?=?160; ????????/*整個(gè)盒子的總寬度*/ ????????var?boxwidth?=?picwidth?+?(imgs.length?-?1?)?*?pushwidth; ????????box.style.width?=?boxwidth?+?'px'; ????????/*定義后面幾張圖片的左坐標(biāo)*/ ????????function?setimagepos()?{ ????????????for?(var?i?=?1,?len?=?imgs.length;?i?<?len;?i++)?{ ????????????????imgs[i].style.left?=?picwidth?+?(i?-?1)?*?pushwidth?+?"px"; ????????????} ????????}; ????????setimagepos(); ????????/*圖片展開需要向左移動(dòng)的距離*/ ????????var?translate?=?picwidth?-?pushwidth; ????????for(var?i?=?0,len?=?imgs.length;i<len;i++){ ????????????(function?(i)?{ ????????????????imgs[i].onmouseover?=?function?()?{ ????????????????????setimagepos(); ????????????????????for(?var?j?=?1;j<=i;j++) ????????????????????{ ????????????????????????imgs[j].style.left?=?parseInt(imgs[j].style.left,10)?-?translate?+"px"; ????????????????????} ????????????????} ????????????})(i); ????????} ????} </script> </html>
給你看看我的
舉報(bào)
要知道前端大牛都是從精通DOM開始的,全面講解DOM的基礎(chǔ)知識(shí)
1 回答滑動(dòng)門特效,如果圖片寬度不一樣怎么辦?
3 回答為什么沒有圖片鋪開的效果
2 回答為什么沒有圖片鋪開的效果?
4 回答怎么顯示不出來js效果
2 回答沒有效果,只顯示最后一張圖片,照著寫的
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-12-03
js第十行img少寫了個(gè)s哎
2016-11-14
給你看看我的