可能这个标题起得不够恰当，简单来说就是：当鼠标移到最左侧时，移出一个框。
首先，我们用两个div来简单布局以下页面：
分享到
这个分享框的弹出原理是：把内层div定位到外层div最右侧紧贴，然后把外层div定位到屏幕左外测，left的值与宽度相等，刚好隐藏掉就可以。当鼠标经过时，再通过改变left的值使外层div显示出来。
这里要注意的几个点：
1、分析清楚offsetLeft与目标值的关系，什么时候步长为正，什么时候步长为负；
2、offsetLeft获取出来不带单位，所以在设置left的值时要记得加上单位。
容易出现的几个bug：
1、在设置步长时，当步长不能被整除，在关闭计时器的条件上写==，会出现盒子运动不停的bug，改为>=或者修改步长来修复Bug；
2.3、在注释里说明。
缓冲效果
原理：根据计算出的步长进行运动，大于0向左运动，小于0向右运动。缓冲运动不仅视觉上更和谐，而且也更为方便。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持考高分网！
