Maison  >  Article  >  interface Web  >  Il existe plusieurs effets de JQuery Show(). Il y en a toujours un dont vous avez besoin.

Il existe plusieurs effets de JQuery Show(). Il y en a toujours un dont vous avez besoin.

巴扎黑
巴扎黑original
2017-06-29 10:42:511313parcourir

 

1 méthode show() et méthode hide()


$("sélecteur"). show()
Restaure l'attribut display par défaut ou défini de l'élément à partir de display:none
$("selector").hide()
Définissez le style d'affichage de l'élément sur none, ce qui est égal à $("selector").css("display","none")
(Remarque : après avoir passé les paramètres, .show () et .hide () simultanément animation modifient les attributs de largeur, hauteur et de transparence de l'élément ; le paramètre transmis contrôle la vitesse d'affichage et de masquage en millisecondes, comme .show(600), vous pouvez également passer rapide, normal, lent, rapide est de 200 millisecondes, normal est de 400 millisecondes, lent est de 600 millisecondes)


2 fadeIn( ) et la méthode fadeOut()


$("selector").fadeIn()
Contrôle la transparence pour augmenter à partir de l'affichage : aucun pour être entièrement affiché dans le délai spécifié
$ ("selector").fadeOut()
Contrôle la transparence à réduire pour afficher : aucune dans le délai spécifié ;


3 méthodes slideUp() et méthode slideDown()


$("selector").slideUp()
contrôle la hauteur de l'élément à raccourcir de bas en haut pour l'afficher dans le temps spécifié :aucun;
$("selector").slideDown()
La hauteur de l'élément de contrôle s'étend de display:none à toute la hauteur dans le temps spécifié


4 Méthode d'animation personnalisée animate()


$("selector").animate(params,speed,callback);
params : un mappage contenant des attributs de style et des valeurs, tels que {property1 : "value1", property2 : " value2",...}
speed : paramètre de vitesse, facultatif
callback : lorsque l'animation est terminée Paramètres à exécuter (c'est-à-dire fonction de rappel ), facultatif

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!

Déclaration:
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