<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQ</title>
<style>
div { width: 100px; height: 100px; background: yellow; border: 1px red solid; }
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<input type="button" value="yes,im ok">
<!-- JS -->
<script src="js/jquery-3.2.1.min.js?1.1.11"></script>
<script>
$('input').click(function(){
$('div:eq(0)').toggle(3000)
$('div:eq(1)').slideToggle(3000)
$('div:eq(2)').fadeToggle(3000)
})
</script>
</body>
</html>
Résumé :
bascule pour le entier L'attribut de style visible de l'élément effectue le traitement de transition d'animation
; slideToggle effectue uniquement le traitement de transition de transparence sur l'élément
; fadeToggle effectue uniquement le traitement de transition de transparence sur l'élément
;
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!
La différence entre les pages Web statiques et les pages Web dynamiques
Quelle est la différence entre les téléphones mobiles 4g et 5g ?
La différence entre les K8 et Docker
La différence entre le magasin phare autogéré de JD.com et son magasin phare officiel
Comment implémenter la messagerie instantanée sur le front-end
Pourquoi la désactivation des mises à jour automatiques dans Windows 11 n'est pas valide
JAXB
Sur quel échange se trouve la pièce FIL ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
