Example of continuous movement of jquery animate animation

Animate was established in July of Showa 62 (1987). Its main business content is the sale of anime-related character products, books and magazines, CDs and DVDs, games, painting materials and other items. This article will share with you an example of continuous movement of jquery animate animation. It has a good reference value and I hope it will be helpful to everyone.

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

As above, if you want to achieve continuous left and right motion, just encapsulate the animation into a function and call it repeatedly.

It seems that it is very simple to achieve.

Related recommendations;

Tutorial on using css animation animation

Detailed explanation of jQuery animation and special effects

Implementation steps of animation technology in CSS3

The above is the detailed content of Example of continuous movement of jquery animate animation. For more information, please follow other related articles on the PHP Chinese website!