Méthode jquery slideDown()
Résultats de traduction：
slide
English[slaɪd] US[slaɪd]
vi.slide fall; déraper; [baseball] slide base
vt diminuer progressivement (en); Déplacez-vous tranquillement
n. glissez; descendez
vers le bas
Anglais [daʊn] US [daʊn]
vers le bas (s'asseoir, tomber, s'allonger) vers le bas; à
prép. (d'une hauteur) vers le bas; (indiquant la position) en bas; (indiquant la direction) vers le bas (indiquant le temps) depuis...
vers le bas; ..) être à la traîne de l'adversaire
n. (oiseau) vers le bas; cheveux doux
vt. (surtout dans une grande bouche ou rapidement) boire; .)
vi Descends; descends [souvent utilisé dans les phrases impératives] descends;
Méthode jquery slideDown()syntaxe
Fonction : La méthode slideDown() affiche les éléments sélectionnés masqués en utilisant l'effet de glissement.
Syntaxe : $(selector).slideDown(speed,callback)
Paramètres :
| Paramètre | Description |
| vitesse Facultatif. Spécifie la rapidité avec laquelle un élément passe de caché à visible (ou vice versa). La valeur par défaut est « normal ». Valeurs possibles : millisecondes (par exemple 1500) "lent" "normal" "rapide" Lors du réglage de la vitesse, l'élément changera progressivement de hauteur au fur et à mesure qu'il passera de caché à visible. | |
| Facultatif. Fonction à exécuter après l'exécution de la fonction slideDown. Pour en savoir plus sur les rappels, visitez notre chapitre sur les rappels jQuery. Ce paramètre ne peut être défini que si le paramètre de vitesse est défini. |
Si l'élément est déjà entièrement visible, cet effet ne produira aucun changement, à moins que la fonction de rappel ne soit spécifiée. L'effet fonctionne sur les éléments masqués via jQuery, ou sur les éléments avec display:none déclarés en CSS (mais pas sur les éléments avec visible:hidden ). Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligneMéthode jquery slideDown()exemple
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").slideUp();
});
$(".btn2").click(function(){
$("p").slideDown();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>Recommandations populaires