·您当前的位置:主页 > 技术教程 > jQuery教程 >

[jQuery]jQuery动画 animate - 使用预定义的值

时间:2018-12-04 17:19runoob.com
您甚至可以把属性的动画值设置为 show、hide或toggle

jQuery animate() - 使用预定义的值

您甚至可以把属性的动画值设置为 "show"、"hide" 或 "toggle":

  1. $("button").click(function(){ 
  2.   $("div").animate({ 
  3.     height:'toggle' 
  4.   }); 
  5. }); 

jQuery animate() - 使用队列功能

默认地,jQuery 提供针对动画的队列功能。

这意味着如果您在彼此之后编写多个 animate() 调用,jQuery 会创建包含这些方法调用的"内部"队列。然后逐一运行这些 animate 调用。

  1. $("button").click(function(){ 
  2.   var div=$("div"); 
  3.   div.animate({height:'300px',opacity:'0.4'},"slow"); 
  4.   div.animate({width:'300px',opacity:'0.8'},"slow"); 
  5.   div.animate({height:'100px',opacity:'0.4'},"slow"); 
  6.   div.animate({width:'100px',opacity:'0.8'},"slow"); 
  7. }); 

 

热门文章推荐

请稍候...