Maison  >  Article  >  interface Web  >  Exemple de Jquery implémentant une expansion ascendante effect_jquery

Exemple de Jquery implémentant une expansion ascendante effect_jquery

WBOY
WBOYoriginal
2016-05-16 16:28:331444parcourir

L'effet d'expansion vers le bas courant est très simple, utilisez simplement slideUp et slideDown.
Si le div à développer est positionné de manière absolue via position:absolute et via un positionnement relatif et inférieur, tel que bottom:0px, l'appel de slideDown à ce moment le développera vers le haut.

(Parce que slideDown, pour parler franchement, modifie dynamiquement la hauteur de l'élément, le positionnement inférieur est fixe et il s'étend vers le haut lorsque la hauteur devient plus élevée)

Copier le code Le code est le suivant :

//Recommandations de haute qualité
$('.remm_product ul li').hover(
fonction(){
$(this).find('.p_info').slideDown();
},
fonction(){
$(this).find('.p_info').slideUp();
>
)
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