主要介绍了JS实现滑动门效果的方法,结合实例形式分析了滑动门效果的实现原理、步骤与相关注意事项,需要的朋友可以参考下

本文实例讲述了JS实现滑动门效果的方法。分享给大家供大家参考，具体如下： 描述：鼠标移动到一副图片上，会显示该副图片的全貌，而其他图片会显示概貌，效果图如下： 一、没有动画效果的运动 思路： 1.定好每张图片的初始位置（第一张完全显示，234只露出一部分） 2.计算每道门的移动距离（即未显露的部分） 3.绑定鼠标滑过事件 [removed]=function(){ var box=document.getElementById("box"); var img=box.getEleme