-
<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、offsetTop是相对于父容器来说的，
clientX、clientY是相对于窗口来说的
查看全部 -
鼠标移入（on mouseenter）放大镜显示（display: block ) 放大后的图片显示查看全部
-
1-鼠标图片，显示放大镜查看全部
-
浏览器兼容性测试：测试工具IETester
查看全部 -
offsetLeft与style.left的区别
查看全部 -
offsetWidth、offsetHeight不包含滚动条
查看全部 -
onmouseover
onmouseout
onmousemove
查看全部
举报