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