-
放大镜放大的相片与原图的比例关系即是核心。查看全部
-
技术点： ①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
提交
取消