Maison > interface Web > js tutoriel > le corps du texte

L'utilisation et les bases de la fonction de rappel jQuery (callback)_jquery

WBOY
Libérer: 2016-05-16 16:12:52
original
1303 Les gens l'ont consulté

Publions d'abord le code

Copier le code Le code est le suivant :



   
       
       
       
   

   
       
       

        <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回调函数是否有了新的认识了呢,希望本文能给大家一些帮助。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal