文件名称:javascript+css3做的滑动解锁效果
文件大小:104KB
文件格式:7Z
更新时间:2016-09-21 16:49:17
滑动解锁 javascript 解锁 网页特效
主要技术:javascript+css3 解锁原理:绝对定位块,鼠标按下时绑定移动、鼠标抬起事件,控制锁块移动,鼠标抬起时判断锁块的偏移坐标是否在范围内,并根据锁块当前坐标的偏移度决定锁块的移动(小于一半向左移,超过一半向右移) PS:块的移动可以通过计时器实现,这里是为了图方便所有用了jquery
【文件预览】:
image
----lock.png(7KB)
index.html
js
----jquery-1.10.1.js(277KB)
----jquery-1.10.1.min.js(91KB)