課程
/前端開發
/HTML/CSS
/DOM探索之基礎詳解篇
怎么我的圖片特效沒出來??救命~~
2016-11-14
源自:DOM探索之基礎詳解篇 1-3
正在回答
js第十行img少寫了個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; ????????/*整個盒子的總寬度*/ ????????var?boxwidth?=?picwidth?+?(imgs.length?-?1?)?*?pushwidth; ????????box.style.width?=?boxwidth?+?'px'; ????????/*定義后面幾張圖片的左坐標*/ ????????function?setimagepos()?{ ????????????for?(var?i?=?1,?len?=?imgs.length;?i?<?len;?i++)?{ ????????????????imgs[i].style.left?=?picwidth?+?(i?-?1)?*?pushwidth?+?"px"; ????????????} ????????}; ????????setimagepos(); ????????/*圖片展開需要向左移動的距離*/ ????????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>
給你看看我的
舉報
要知道前端大牛都是從精通DOM開始的,全面講解DOM的基礎知識
1 回答滑動門特效,如果圖片寬度不一樣怎么辦?
3 回答為什么沒有圖片鋪開的效果
2 回答為什么沒有圖片鋪開的效果?
4 回答怎么顯示不出來js效果
2 回答沒有效果,只顯示最后一張圖片,照著寫的
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-12-03
js第十行img少寫了個s哎
2016-11-14
給你看看我的