jquery动画效果

  

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 ();
  });
  }); 

jquery动画效果