今天，給大家講講用JavaScript的jQuery庫建立動畫，那麼建立動畫我們用到的是animate（）方法，其實方法比較簡單，所以很少有人專門寫這個東西，那麼我今天就給剛入門的小白同學門講一講如何用該方法，看完一定自己動手實現一下哦！
animate（）可以同時操作多個屬性，例子如下

(“button”).click(function(){$\text{(“button”).click(function(){}$(“div”).animate({
left:’200px’,
opacity:’0.5’,
height:’250px’,
width:’250px’
});
});*
animate（）可以定義元素的相對值，該值相當於元素的原來值，只需在前面加+=或者-=，例子如下：

(“button”).click(function(){$\text{(“button”).click(function(){}$(“div”).animate({
left:’250px’,
height:’+=100px’,
width:’+=100px’
});
});

animate（）使用預定義值，可以把提前設定屬性，比如hide，show等，例子如下：
(“button”).click(function(){$\text{(“button”).click(function(){}$(“div”)animate({
width:’show’
});
});
jQuery預設提供動畫的佇列功能，可以編寫多個animate（）方法，jQuery利用內部的佇列功能逐一呼叫animate（）方法，例子如下：

(“button”).click(function(){  
  var dd=$\text{(“button”).click(function(){ var dd=}$(“dd”);
dd.animate({height:’300px’,opacity:’0.2’},”slow”);
dd.animate({width:’300px’,opacity:’0.7’},”slow”);
dd.animate({height:’100px’,opacity:’0.2’},”slow”);
d.danimate({width:’100px’,opacity:’0.7’},”slow”);
});
好，今天的分享就到這了，如果你有好的建議，或者向和我成為學習夥伴，歡迎關注小姐姐呦!