Heim > Web-Frontend > js-Tutorial > Hauptteil

Es gibt mehrere Effekte von JQuery Show(). Es gibt immer einen, den Sie brauchen.

巴扎黑
Freigeben: 2017-06-29 10:42:51
Original
1295 Leute haben es durchsucht

 

1 show()-Methode und hide()-Methode


$("selector"). show()
Stellt das Standard- oder Set-Attribut display des Elements aus display:none
$("selector").hide() Setzen Sie den Anzeigestil des Elements auf „none“, was $("selector").css("display","none") entspricht
(Hinweis: Nach der Übergabe der Parameter wird .show () und die .hide()-Methode ändern gleichzeitig die Breite,
Höhe und die Transparenzattribute des Elements; der übergebene Parameter steuert die Anzeige- und Ausblendgeschwindigkeit in Millisekunden, z .show(600), Sie können auch schnell, normal, langsam übergeben, schnell ist 200 Millisekunden, normal ist 400 Millisekunden, langsam ist 600 Millisekunden)

2 fadeIn( )-Methode und fadeOut()-Methode

$("selector").fadeIn()


Steuert die Erhöhung der Transparenz ab display:none bis zur vollständigen Anzeige innerhalb der angegebenen Zeit $ ("selector").fadeOut()

Steuert die Transparenz, die innerhalb der angegebenen Zeit auf display:none reduziert werden soll;

3 slideUp()-Methode und slideDown( )-Methode

$("selector").slideUp()


steuert die Höhe des Elements, das von unten nach oben gekürzt werden soll, um innerhalb der angegebenen Zeit angezeigt zu werden :none;$("selector").slideDown()

Die Höhe von Das Steuerelement erstreckt sich innerhalb der angegebenen Zeit von display:none auf die volle Höhe

4 Benutzerdefinierte Animationsmethode animate()

$("selector").animate(params,speed,callback);


params: eine Zuordnung, die Stilattribute und -werte enthält, wie zum Beispiel {property1: "value1", property2: " value2",...} speed: Geschwindigkeitsparameter, optional Callback: wenn die Animation abgeschlossen ist. Parameter für die Ausführung (d. h.
Callback-Funktion
), optional

Das obige ist der detaillierte Inhalt vonEs gibt mehrere Effekte von JQuery Show(). Es gibt immer einen, den Sie brauchen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!