1。基本效果
显示([[e], [fn]])显示
隐藏([[e], [fn]])隐藏
切换([s], [e], [fn])显示隐藏切换
不带参数直接显示隐藏
带参数速度宽松fn
不建议带速度宽松
fn指动画完成之后
2。滑动
slideDown ([s], [e], [fn])
slideUp ([[e], [fn]])
slideToggle ([s], [e], [fn])
3。淡入淡出
渐显([s], [e], [fn])淡入
渐隐([s], [e], [fn])淡出
fadeTo ([[s], o, [e], [fn]])透明度的动画
fadeToggle ([[e], [fn]])
4自定义
动画(p [s] [e], [fn]) 1.8 params属性速度宽松fn
停止([c], [j]) 1.7 停止当前正在执行的动画
延迟(d,[问])延迟后续动画的执行
结束((队列))1.9 +
& lt; body>
<代码> & lt;按钮类=癰tn祝辞start & lt;按钮类=" btnp "祝辞stop & lt;按钮类=" btnf "祝辞finish & lt; ul> & lt; li> & lt; span> mousedown(((数据),fn)) & lt;/span> & lt;/li> & lt; li> & lt; span> mouseenter(((数据),fn)) & lt;/span> & lt;/li> & lt; li> & lt; span> mouseleave(((数据),fn)) & lt;/span> & lt;/li> & lt; li> & lt; span> mousemove(((数据),fn)) & lt;/span> & lt;/li> & lt;/ul> 代码>
<代码> $(函数(){//声明变量控制奇偶 var计算=0; $ (" .btns”)。点击(函数(){ addanimate (); }); 函数addanimate () { $("李")。每个(函数(指数){ var时延=指数* 100; (美元).delay(时延).animate ({ 宽度:数% 2==0 ?200:100 }, 1000); }).last ()。队列(函数(){//当前最后一个元素动画的队列执行完成之后执行的回调函数 数+ +; (美元).dequeue();//删除当前元素最前端的队列函数 addanimate (); }); } $ (" .btnp”)。点击(函数(){ $("李")鸡毛蒜皮(); }); $ (" .btnf”)。点击(函数(){ $("李").finish (); }); });代码>