Home > Web Front-end > JS Tutorial > body text

Example of continuous movement of jquery animate animation

小云云
Release: 2017-12-07 15:44:49
Original
1826 people have browsed it

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();
Copy after login


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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!