Découvrez l'utilisation de la méthode fadeOut() dans jQuery-js tutoriel-php.cn

Découvrez l'utilisation de la méthode fadeOut() dans jQuery

巴扎黑

Libérer： 2017-06-29 11:58:35

original

1243 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode fadeOut() dans jQuery et analyse la fonction, la définition et les techniques d'utilisation spécifiques de la méthode fadeOut() sous forme d'exemples. Elle a une certaine valeur de référence. référez-vous à lui

L'exemple de cet article décrit l'utilisation de la méthode fadeOut() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode obtient l'effet de fondu de tous les éléments correspondants grâce à des changements d'opacité, et déclenche éventuellement une fonction de rappel après l'animation est terminé.

Utilisation de la méthode fadeOut() :

Cette méthode peut spécifier la durée de l'effet d'animation. Par exemple :

Le code est le suivant :

$("p").fadeOut(5000)

Le code ci-dessus stipule que l'effet de fondu de p peut être en 5 000 millisecondes (5 terminés en quelques secondes).
Cette méthode peut également déclencher une fonction de rappel une fois l'animation terminée. Par exemple :

Le code est le suivant :

$("p").fadeOut(5000,function(){alert('Effet d'animation terminé !')})

Le code ci-dessus peut déclencher la fonction de rappel une fois l'animation terminée, donc une boîte de dialogue apparaîtra.
Exemple de code :

Le code est le suivant :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.jb51.net/" />
<title>fadeOut()函数-脚本之家</title>
<style type="text/css">
p{
  
background
:#060;
  width:300px;
  height:300px;
  color:red
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(
document
).ready(function(){
  $("#up").click(function(){
    $("p").fadeOut(5000,function(){alert(&#39;动画效果完成！&#39;)});
  })
})
</script> 
</head>
<body>
  <p></p>
  <button id="up">点击查看效果</button>
</body>
</html>

Copier après la connexion

Cliquez sur le bouton pour que le code ci-dessus définisse lentement p sur un effet transparent après. il est complètement transparent, puis spécifiez une fonction de rappel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!