Animera elementsynlighet med jQuery
jQuery tillhandahåller flera metoder för att animera synligheten av HTML-element, så att de visas eller försvinner smidigt.
Vanliga jQuery Show-animeringsmetoder
.show(): Gör element synliga..hide(): Gör element osynliga..toggle(): Växlar mellan att visa och dölja element.
Anpassa animationshastighet och återuppringningsfunktioner
De här metoderna kan acceptera argument för att styra animeringens varaktighet och för att utföra en funktion när animeringen är klar.
- Längden kan anges i millisekunder (t.ex. 1 000 under 1 sekund) eller med nyckelord som
"långsam"och"snabb". - En återuppringningsfunktion kan tillhandahållas som det sista argumentet som ska köras efter att animeringen är klar.
Jämförelse av sökord för animeringshastighet
| Hastighetssökord | Ungefärlig varaktighet (millisekunder) | Relativ hastighet |
|---|---|---|
"snabb" |
200 | Snabbast |
"normal" (standard) |
400 | Moderat |
"slow" |
600 | Långsammast |
Avancerad animering med `.fadeIn()`, `.fadeOut()` och `.fadeToggle()`
Dessa metoder animerar elementens opacitet för en blekningseffekt.
.fadeIn(): Tonar in ett element för att göra det synligt..fadeOut(): Tonar ut ett element för att göra det osynligt..fadeToggle(): Växlar mellan tona in och tona ut.
I likhet med `.show()` och `.hide()` accepterar dessa metoder även argument för varaktighet och callback.
Slidande animationer med `.slideDown()`, `.slideUp()` och `.slideToggle()`
De här metoderna animerar höjden på element för en glidande effekt.
.slideDown(): Skjut ned ett element för att göra det synligt..slideUp(): Skjut ett element uppåt för att göra det osynligt..slideToggle(): Växlar mellan att glida nedåt och att glida uppåt.
De här metoderna stöder även argument för varaktighet och återuppringning.
Copyright ©lawroar.pages.dev 2026