-
读的时候尽量使用offsetLeft(因为style.left需要在html中设置才能获取),写的时候只能用style.left(因为offsetLeft是只读的)查看全部
-
offsetLeft 和 style.left对比查看全部
-
放大镜特效所需的属性查看全部
-
offsetLeft与style.left的对比查看全部
-
关键点之所用的值查看全部
-
关键点之事件捕获查看全部
-
关键点01查看全部
-
放大镜的关键原理查看全部
-
解决问题的流程查看全部
-
offsetleft和style.left区别查看全部
-
放大镜放大的相片与原图的比例关系即是核心。查看全部
-
技术点: ①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实现放大镜特效: 放大镜特效的关键原理: 鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的相应位置查看全部
举报
0/150
提交
取消