Heim  >  Artikel  >  Web-Frontend  >  Beispiel für die Implementierung der Bottom-up-Erweiterung effect_jquery durch Jquery

Beispiel für die Implementierung der Bottom-up-Erweiterung effect_jquery durch Jquery

WBOY
WBOYOriginal
2016-05-16 16:28:331444Durchsuche

Der allgemeine Effekt der Abwärtserweiterung ist sehr einfach. Verwenden Sie einfach slideUp und slideDown.
Wenn das zu erweiternde Div absolut durch position:absolute und durch relative und untere Positionierung positioniert ist, z. B. unten:0px, wird es durch den Aufruf von slideDown zu diesem Zeitpunkt nach oben erweitert.

(Da slideDown, um es ganz klar auszudrücken, die Höhe des Elements dynamisch ändert, ist die untere Positionierung festgelegt und es wird nach oben erweitert, wenn die Höhe höher wird)

Code kopieren Der Code lautet wie folgt:

//Hochwertige Empfehlungen
$('.remm_product ul li').hover(
function(){
$(this).find('.p_info').slideDown();
},
function(){
$(this).find('.p_info').slideUp();
}
)
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn