                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /DOM探索之基礎(chǔ)詳解篇

在這個(gè)實(shí)例中，鼠標(biāo)滑到第四張圖片的時(shí)候?yàn)槭裁吹诙埡偷谌龔堃蚕蚯耙苿?dòng)？是因?yàn)閒or循環(huán)不管點(diǎn)第幾個(gè)，都是從j=1開(kāi)始運(yùn)行的嗎？

11:03

慕粉0943041209

2017-07-21

源自：DOM探索之基礎(chǔ)詳解篇 1-3

關(guān)注問(wèn)題我要回答

1306

操作

收起

2 回答

慕粉0943041209 提問(wèn)者
2017-07-22

這個(gè)實(shí)例，如果用jQuery，應(yīng)該怎么寫(xiě)？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉0943041209 提問(wèn)者
2017-07-21

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);
	}

}