Heim > Web-Frontend > js-Tutorial > Hauptteil

Die Verwendung und Grundlagen der jQuery-Rückruffunktion (callback)_jquery

WBOY
Freigeben: 2016-05-16 16:12:52
Original
1303 Leute haben es durchsucht

Lass uns zuerst den Code veröffentlichen

Code kopieren Der Code lautet wie folgt:



   
       
       
       
   

   
       
       

        <script> <br>             $(document).ready(function(){<br>               $("bouton").click(function(){<br>                 var div=$(".box");<br>                 div.animate({hauteur : '200px',opacité :'0.4'},"lent");<br>                 div.animate({width:'200px',opacity:'0.8'},"lent");<br>                 div.animate({hauteur : '100px',opacité :'0.4'},"lent");<br>                 div.animate({width:'100px',opacity:'0.8'},"lent");<br>                 div.animate({right:'100px',opacity:'0.8'},"lent");<br>                 div.animate({bottom:'100px',opacity:'0.8'},"lent");<br>                 div.animate({left:'100px',opacity:'0.8'},"lent");<br>                 div.animate({top :'100px',opacity:'0.8'},"lent",function(){<br>                     alert("Le paragraphe est terminé");<br>                 });<br>               });<br>             });<br>         </script>
        <script><br>             $(document).ready(function(){<br>                 $("bouton").click(function(){<br>                     var div=$(".box");<br>                         div.animate({hauteur : '300px',opacité :'0.4'},"lent");<br>                         div.animate({width:'300px',opacity:'0.8'},"lent");<br>                         div.animate({hauteur : '100px',opacité :'0.4'},"lent");<br>                         div.animate({width:'100px',opacity:'0.8'},"lent",function(){<br>                     alert("Le paragraphe est terminé");<br>                     });<br>                     });<br>                 });<br>             });<br>         </script>
   

所谓的回调函数,其实就是在 vitesse 或 durée 参数可以设置许多不同的值,比如 "lent", "rapide", "normal" 或毫秒  后面再添加函数,显示相对应的内容,以提示网民

小伙伴们对jQuery回调函数是否有了新的认识了呢,希望本文能给大家一些帮助。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage