sillypasserby

摘要： 功能描述： 页面中存在多个div，鼠标移入和移出某个特定的div，透明度发生改变。 实现效果： 编码思路： 各个div绑定鼠标移入移出事件，并且设置独立的定时器。 套用运动框架修改div的透明度 示例代码： 阅读全文

摘要： 功能描述： 页面中存在多个div，鼠标移入某一个div，则该div变宽，移出则恢复原状。 实现效果： 编码思路： 给各个div绑定鼠标移入，移出事件，并设置独立的定时器。 套用运动框架改变div的width。 示例代码： 阅读全文

摘要： 功能描述： 悬浮框固定在页面右下方，随着滚动条的滚动，悬浮框运动到固定位置。 实现效果： 编码思路： 获取滚动条滚动时，方块需要移动的目标位置（可视区域的高度-物体高度-滚动的高度）。 套用运动框架。 示例代码： 阅读全文

摘要： 功能描述： 物体离目标点越近，速度越慢。 实现效果： 编码思路： 根据当前左边距与目标位置，得出边距每次改变的数值，并除以一个数。 判断每次改变的数值是否大于0，若大于0，则上取整。否则下取整。 示例代码： 阅读全文

摘要： 功能描述： 根据鼠标移入和移出修改div的透明度。 实现效果： 编码思路： 根据目标透明度和当前透明度，设置每次变化数值。 开启定时器，如果当前透明度与目标透明度相同，则关闭定时器。否则，不断修改当前透明度的数值。 示例代码： 阅读全文

摘要： 功能描述： 鼠标移入“分享到”标签，详情框从浏览器边缘出现。 实现效果： 编码思路： 设置“详情框”的left属性值为-width，隐藏详情框。 开启定时器，如果“详情框”的offsetLeft到达目标位置，则停止定时器，否则，不断修改left属性值。 绑定"分享到"的鼠标移入移出事件。 示例代码： 阅读全文