課程
/前端開發
/HTML/CSS
/DOM探索之基礎詳解篇
在這個實例中,鼠標滑到第四張圖片的時候為什么第二張和第三張也向前移動?是因為for循環不管點第幾個,都是從j=1開始運行的嗎?
2017-07-21
源自:DOM探索之基礎詳解篇 1-3
正在回答
這個實例,如果用jQuery,應該怎么寫?
window.onload=function(){ var?cc=document.getElementsByClassName('ccc')[0]; var?m=cc.getElementsByTagName("img"); var?mWidth=m[0].offsetWidth; var?dWidth=160; var?aWidth=mWidth+(m.length-1)*dWidth; cc.style.width=aWidth+"px"; function?scc(){for(var?i=1;i<m.length;i++){ m[i].style.left=mWidth+(i-1)*dWidth+"px"; }} scc(); var?moveWidth=mWidth-dWidth; for(var?i=0;i<m.length;i++){ (function(i){ m[i].onmouseover=function(){ scc(); for(var?j=1;j<=i;j++){ m[j].style.left=parseInt(m[j].style.left,10)-moveWidth+"px"; } } })(i); } }
舉報
要知道前端大牛都是從精通DOM開始的,全面講解DOM的基礎知識
2 回答當鼠標滑向第一第二張圖片時,并不能退回到原來的位置。
3 回答回歸到第一張圖片的時候不能展開了
2 回答為什么第一張圖片也只是顯示了露出門體的寬度?
2 回答代碼和老師一樣 為什么寬度不居中 和 第四張圖沒有動畫效果呢?
1 回答老濕,第三章中的domReady.js中這段代碼,在這里不久死循環了嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-07-22
這個實例,如果用jQuery,應該怎么寫?
2017-07-21