1 上滑动/下滑动/滑动切换
(1) 上滑动/下滑动/滑动切换 语法规范
slideDown([speed, [easing], [fn]]) // 下滑动
slideUp([speed, [easing], [fn]]) // 上滑动
slideToggle([speed, [easing], [fn]]) // 滑动切换
(2) 上滑动/下滑动/滑动切换 参数
- 参数都可以省略,无动画直接显示
- speed:三种预定速度之一的字符串(“slow”, “normal”, or “fast”) 或表示动画时长的毫秒数值(如: 1000)
- easing:(Optional)用来指定切换效果,默认是 “swing”,可用参数 “linear”
- fn:回调函数,在动画完成时执行的函数,每个元素执行一次
2 事件切换
hover([over,] out)
over:鼠标移到元素上要触发的函数(相当于 mouseenter/mouseover)
out:鼠标移出元素要触发的函数(相当于 mouseleave/mouseout)
例子:
HTML:
<ul class="nav">
<li>
<a href="#">消息</a>
<ul>
<li>
<a href="">私信</a>
</li>
<li>
<a href="">评论</a>
</li>
<li>
<a href="">@我</a>
</li>
</ul>
</li>
<li>