PC端网页特效
我们终于要进入PC端网页特效的阶段了,看看我们的目标吧:
offset概述
offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)...获得元素距离带有定位父元素的位置
获得元素自身的大小
注意:返回的数值都不带单位
offset常用属性
我们试验一下:
我们可以得到盒子距上沿100px.距左侧309px
如果我们在里面再加个...,为100px+50px
加了定位以后
但是我发现如果使用transform:translate(-50%,-50%)就会出错
现在放置一个200*200,padding为20px的盒子...前几天期中还有生日聚会,所以没有学习,内心很不安...今天继续
offset和style的区别
重点:
想要获取元素位置大小,用offset
想要给元素更改值,用style改变
小案例...现在写script部分:
获取元素:
先做第一步:点击弹出登录框是登录框会出来,然后遮罩层出现;点击关闭时,登录界面关闭,遮罩层消失
第二步就是比较困难的地方了
分析一下,总算是懂了..