jquery animate動畫持續運動的實例

Animate於昭和62年(1987年)7月成立，主要事業內容為動漫相關角色商品，書籍雜誌，CD·DVD，遊戲，畫材等物品的販賣。本文就為大家分享jquery animate動畫持續運動的實例，具有很好的參考價值，希望對大家有幫助。

function fingers(){
  $(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){
  $(".box01 .fingers").animate({"width":"6.8rem","marginLeft":"-3.4rem"},500,fingers());
  });
 }
fingers();

如上，想要實現左右持續運動，則把該動畫封裝為函數，再反覆調用就好。

看起來是不是很簡單就能實現。

相關推薦;

css的animation動畫的使用教學

jQuery動畫與特效詳解

#CSS3中動畫技術的實作步驟

以上是jquery animate動畫持續運動的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！