Web前端技术精讲：定时器、页面跳转与元素属性详解.pptx

WebAPIs05;;;Contents;;;;offsetLeft和offsetTop获取的到值是没有单位的

它俩是根据带有定位的父元素来获取值的;;;offset可以得到任意样式表中的样式值而style只能得到行内样式表中的样式值

offset系列获得的数值是没有单位的而style获取到的都要有px单位

offsetWidth包含padding+border+width而style只获取width的值

offsetWidth等属性是只读属性，只能获取不能赋值而style可以获取,也可以赋值

所以，我们想要获取元素大小位置，用offset更合适而设置值可以用style来设置;;用鼠标在页面当中的距离–盒子距离页面的距离=鼠标在盒子中的距离;;;;点击弹出层，模态框和遮挡层就会显示出来display:block;

点击关闭按钮，模态框和遮挡层就会隐藏起来display:none;

在页面中拖拽的原理：鼠标按下并且移动，之后松开鼠标

触发事件是鼠标按下mousedown，鼠标移动mousemove鼠标松开mouseup

拖拽过程:鼠标移动过程中，获得最新的值赋值给模态框的left和top值，这样模态框可以跟着鼠标走了

鼠标按下触发的事件源是最上面一行，就是id为title

鼠标的坐标减去鼠标在盒子内的