Heim  >  Artikel  >  Web-Frontend  >  Verwendung von fadeIn (Einblenden) fadeOut (Ausblenden) in jquery

Verwendung von fadeIn (Einblenden) fadeOut (Ausblenden) in jquery

巴扎黑
巴扎黑Original
2017-06-30 10:12:203406Durchsuche

fadeIn- und fadeout-Ereignisse von jquery fadeIn fadeOut

1. Die fadeIn()-Methode verwendet den Einblendeffekt, um das ausgewählte Element anzuzeigen (das Element ist ausgeblendet). )

$(selector).fadeIn(speed,callback)

Parameterbeschreibung Geschwindigkeit, optional. Gibt an, wie schnell ein Element von ausgeblendet in sichtbar wechselt. Der Standardwert ist „normal“. Mögliche Werte: Millisekunden (z. B. 1500) „langsam“ „normal“ „schnell“

Rückruf, optional. Die Funktion, die ausgeführt werden soll, nachdem die FadeIn-Funktion ausgeführt wurde. (Dieser Parameter kann nur eingestellt werden, wenn der Geschwindigkeitsparameter eingestellt ist)


2.fadeOut()

fadeOut(speed, [ Rückruf]) implementiert den Ausblendeffekt aller passenden Elemente durch Änderungen der Deckkraft und löst optional eine Rückruffunktion aus, nachdem die Animation abgeschlossen ist.

Diese Animation passt nur die Deckkraft des Elements an, was bedeutet, dass sich die Höhe und Breite aller passenden Elemente nicht ändert.

Eine Zeichenfolge mit einer von drei vorgegebenen Geschwindigkeiten („langsam“, „normal“ oder „schnell“) oder ein Millisekundenwert, der die Animationsdauer darstellt (z. B. 1000)



3. FEHLER, dass die fadeIn- und fadeOut-Methoden von jquery unter IE ungültig sind


BUG1: Absolute Positionierung Verschachtelte absolute Positionierung

Durch Lösen der entsprechenden Ersetzung von

Floating können Sie den Effekt des Verblassens erzielen Absolute Positionierung verschachtelter Bilder

das größer als die übergeordnete Größe ist, kann durch Anpassen der Größe behoben werden


BUG3: IE6 IE7 IE8 fadeIn when
position

: relative () fadeOut() Bug

Wenn das untergeordnete Element des FadeIn-Elements das Positionsattribut hat, ist der relative Wert am schwerwiegendsten. Das Element mit dem Positionsattribut hat nicht die Wirkung von FadeIn!

                                                                                                                                          müssen gefiltert werden. Sobald diese beiden kombiniert werden, werden die Probleme von IE678 gelöst

                  .relative{position: relative; inherit}

Das obige ist der detaillierte Inhalt vonVerwendung von fadeIn (Einblenden) fadeOut (Ausblenden) in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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