本文介绍了如何使用JavaScript实现一种鼠标经过侧边栏时，弹出框出现并带有缓冲效果的交互。通过设置div的定位和利用offsetLeft属性，控制弹出框平滑地从屏幕左侧滑出。在实现过程中需要注意步长计算、单位转换以及避免运动不停止的bug。缓冲效果增加了用户体验的和谐感和便捷性。
可能这个标题起得不够恰当，简单来说就是：当鼠标移到最左侧时，移出一个框。
首先，我们用两个div来简单布局以下页面：
<div id="box">
<div id="share">分享到</div>
</div>这个分享框的弹出原理是：把内层div定位到外层div最右侧紧贴，然后把外层div定位到屏幕左外测，left的值与宽度相等，刚好隐藏掉就可以。当鼠标经过时，再通过改变left的值使外层div显示出来。
<script type="text/javascript">
window.onload=<
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
