-
需要捕獲的事件查看全部
-
設(shè)計(jì): 1、頁(yè)面元素 2、技術(shù)點(diǎn):事件捕獲、定位 3、難點(diǎn):計(jì)算查看全部
-
放大鏡的關(guān)鍵原理查看全部
-
解決問(wèn)題的流程: 分析 ->設(shè)計(jì) ->實(shí)現(xiàn)查看全部
-
//請(qǐng)補(bǔ)充此處鼠標(biāo)移動(dòng)時(shí)的響應(yīng)方法 var evnet=ev; var left=evnet.clientX-objDemo.offsetLeft-objSmallBox.offsetLeft-objFloatBox.offsetWidth/2; var top=evnet.clientY-objDemo.offsetTop-objSmallBox.offsetTop-objFloatBox.offsetHeight/2; if(left<0){ left=0; }else if(left>(objSmallBox.offsetWidth-objFloatBox.offsetWidth)){ left=objSmallBox.offsetWidth-objFloatBox.offsetWidth; } if(top<0){ top=0; }else if(top>(objSmallBox.offsetHeight-objFloatBox.offsetHeight)){ top=objSmallBox.offsetHeight-objFloatBox.offsetHeight; } objFloatBox.style.left=left+"px"; objFloatBox.style.top=top+"px"; var parcentX=left/(objSmallBox.offsetWidth-objFloatBox.offsetWidth); var parcentY=top/(objSmallBox.offsetHeight-objFloatBox.offsetHeight); objBigBoxImage.style.left=-parcentX*(objBigBoxImage.offsetWidth-objBigBox.offsetWidth)+"px"; objBigBoxImage.style.top=-parcentX*(objBigBoxImage.offsetHeight-objBigBox.offsetHeight)+"px"; } }查看全部
-
有意思,搞定收工,這個(gè)老師有點(diǎn)思路查看全部
-
受我一拜??!查看全部
-
offsetLeft是只讀的,style.left是可讀可寫(xiě)的,因此要改變屬性時(shí)應(yīng)使用style.left offsetLeft的值無(wú)需提前定義,而style.left值是必須要定義的。 style.left的返回值是數(shù)字+Px的字符串,offsetLeft返回值是數(shù)字。查看全部
-
offsetLeft、offsetTop:子元素相對(duì)于父元素的邊距 offsetWidth、offsetHeight:元素的寬度和高度 event.clientX、event.clientY:鼠標(biāo)的坐標(biāo)(坐標(biāo)是相對(duì)于整個(gè)頁(yè)面的,而不是單個(gè)元素的)查看全部
-
尺寸計(jì)算查看全部
-
offsetLeft和style.left 對(duì)比查看全部
-
屬性對(duì)應(yīng)的位置查看全部
-
移進(jìn)移除效果,display;主要為移動(dòng)時(shí),坐標(biāo)變化計(jì)算查看全部
-
六個(gè)屬性查看全部
-
技術(shù)點(diǎn)查看全部
舉報(bào)
0/150
提交
取消