-
放大鏡放大的相片與原圖的比例關系即是核心。查看全部
-
技術點： ①offsetLeft/offsetTop：相對于父元素的距離 ② offsetWidth/offsetHeight：元素自己的尺寸，若有滾動條，不包括滾動條 ③event.clientX/event.clientY：鼠標在頁面上可視區域的位置（相對于整個頁面，不是相對于某個子元素）,從瀏覽器可視區域左上角開始,即是以瀏覽器滑動條此刻的滑動到的位置為參考點,隨滑動條移動而變化. ④event.pageX/event.pageY：鼠標在頁面上的位置,從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 2、offsetLeft與style.left不同點： ① style.left返回的是字符串，帶px，如30px，offsetLeft返回的是數值30； ② style.left是可讀寫的，offsetLeft是只讀的，所以要改變div的位置，只能修改style.left; ③ style.left的值需要實現定義，否則取到的值為空。而offsetLeft不需要定義，它是始終可以取到的 注：style只能取行內樣式的值，如style.left，如果樣式寫到樣式表，style就取不到值 style.top 和offsetTop也有這樣三點不同。查看全部
-
制作放大鏡特效需要的技術點：onmouseover,onmouseout,onmousemove查看全部
-
做放大鏡特效具有的頁面元素：小圖片，大圖片，小圖片和大圖片的聯系，放大鏡查看全部
-
用JS實現放大鏡特效： 放大鏡特效的關鍵原理： 鼠標在小圖片上移動時，通過捕捉鼠標在小圖片上的位置，定位大圖片的相應位置查看全部
-
解決問題的流程： 分析：通過現象看本質，想想特效的原理，涉及到什么，之間有什么聯系 設計：根據分析的結果，想想如何實現，需要用到哪些技術，要搭什么樣的結構 實現：編碼調試。查看全部
-
offsetLeft和style.left比較 注：style只能取html里的樣式，如style.left，如果樣式寫到樣式表，style就取不到值查看全部
-
① 開發工具：WebStorm 7 ② 比例要搞清楚查看全部
-
1、①offsetLeft/offsetTop：相對于父元素的距離 ② offsetWidth/offsetHeight：元素自己的尺寸 ③event.clientX/event.clientY：鼠標在頁面上可視區域的位置,從瀏覽器可視區域左上角開始,即是以瀏覽器滑動條此刻的滑動到的位置為參考點,隨滑動條移動而變化. ④event.pageX/event.pageY：鼠標在頁面上的位置,從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 2、offsetLeft與style.left不同點： ① style.left返回的是字符串，帶px，如30px，offsetLeft返回的是數值30； ② style.left是可讀寫的，offsetLeft是只讀的，所以要改變div的位置，只能修改style.left; ③ style.left的值需要實現定義，否則取到的值為空。而offsetLeft不需要定義，它是始終可以取到的 注：style只能取行內樣式的值，如style.left，如果樣式寫到樣式表，style就取不到值查看全部
-
技術點查看全部
-
放大鏡的移動方向和大圖片的移動方向：橫向和縱向都是相反查看全部
-
放大鏡的關鍵原理： 鼠標在小圖片上移動時，通過捕捉鼠標在小圖片上的位置，定位大圖片的相應位置查看全部
-
offsetLeft和style.left區別查看全部
-
制作放大鏡技術點查看全部
-
onmousemove!!!!!查看全部
舉報
0/150
提交
取消