这次给大家带来DIV绑定鼠标事件,滑动时由下向上展开,DIV绑定鼠标事件,滑动时由下向上展开的注意事项有哪些,下面就是实战案例,一起来看一下。
鼠标浮动时p由下向上缓慢展开效果
jQuery响应鼠标实现p由下向上展开
原理:
① 首先红色p是通过position:absolute绝对定位的,且通过相对与底部定位,如bottom:0px。
② 底部定位固定,高度变高的时候就向上扩展了。
③ 使用jQuery的$().animate()动画方法,控制红色p高度变化。
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:










