-
<title>window.open</title>
<script type="text/javascript">
function Wopen(){
window.open("http:www.imooc.com","_blank","width=600,height=400,top=100,left=0")
}
</script>
查看全部 -
offsetLeft与style.left的对比：
style.left返回的是字符串，是可读写的，而offsetLeft是只读的
style.left的值需要提前定义，否则取值为空
查看全部 -
body可以看作整个页面
div1是body的子元素
offsetleft是div1子元素相对于父元素body的左位移
offsetTop是div1子元素相对于父元素body的顶部位移
div2是div1的子元素
offsetleft是div2子元素相对于父元素div1的左位移
offsetTop是div2子元素相对于父元素div2的顶部位移
offsetHeight是元素的高offsetWidth是元素的宽，不包括滚动条
clientY和clientX是鼠标的X\Y坐标相对于整个页面，而不是子元素
查看全部 -
onmouseover:会在鼠标指针移动到指定的对象上时发生。
onmouseout：会在鼠标指针移出指定的对象时发生。
onmousemove：会在鼠标指针移动时发生。
查看全部 -
放大镜的移动方向和大图片的移动方向：横向和纵向都是相反，才可以保证同步。
查看全部 -
offsetLeft与style.left对比
style.left返回的时字符串，如30px，offsetLeft返回的是数值30；
style.left是可读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left
style.left的值需要事项定义，否则取到的值为空
查看全部 -
offsetLeft、offsetTop是相对于父容器来说的，
clientX、clientY是相对于窗口来说的
查看全部 -
制作放大镜特效所需的技术点
查看全部 -
放大镜的原理
查看全部 -
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就取不到值查看全部
-
技术点查看全部
举报