-
需要捕獲的事件查看全部
-
設計: 1、頁面元素 2、技術點:事件捕獲、定位 3、難點:計算查看全部
-
放大鏡的關鍵原理查看全部
-
解決問題的流程: 分析 ->設計 ->實現查看全部
-
//請補充此處鼠標移動時的響應方法 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"; } }查看全部
-
有意思,搞定收工,這個老師有點思路查看全部
-
受我一拜!!查看全部
-
offsetLeft是只讀的,style.left是可讀可寫的,因此要改變屬性時應使用style.left offsetLeft的值無需提前定義,而style.left值是必須要定義的。 style.left的返回值是數字+Px的字符串,offsetLeft返回值是數字。查看全部
-
offsetLeft、offsetTop:子元素相對于父元素的邊距 offsetWidth、offsetHeight:元素的寬度和高度 event.clientX、event.clientY:鼠標的坐標(坐標是相對于整個頁面的,而不是單個元素的)查看全部
-
尺寸計算查看全部
-
offsetLeft和style.left 對比查看全部
-
屬性對應的位置查看全部
-
移進移除效果,display;主要為移動時,坐標變化計算查看全部
-
六個屬性查看全部
-
技術點查看全部
舉報
0/150
提交
取消