jQuery erzielt Ein- und Ausblendeffekte
|
Bevor wir jQuery verwenden, um den Ein- und Ausblendeffekt zu erzielen, machen wir uns zunächst mit einigen Codes vertraut:
In
Dann fügen wir den obigen Code in den Gesamtcode ein, um den Effekt zu sehen
Der vollständige Code lautet wie folgt
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<Titel>Wellfancy</Titel>
<Stil>
div {
Rand: 10px;
Polsterung: 10px;
Breite: 100px;
Anzeige: keine;
}
</Stil>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</Kopf>
<Text>
<button>Einblendeffekt</button>
<button>Ausblendeffekt</button>
<button>Ein- und Ausblenden-Schalter</button>
<button>Transparenz ändern</button>
<div>
<img src="images/1.jpg" style="width: 280px;">
</div>
<Skript>
$(Funktion() {
$("Schaltfläche").eq(0).Klick(Funktion() {
$("div").fadeIn(1000);
})
$("Schaltfläche").eq(1).Klick(Funktion() {
$("div").fadeOut(1000);
})
$("Schaltfläche").eq(2).Klick(Funktion() {
$("div").fadeToggle(1000);
});
$("Schaltfläche").eq(3).Klick(Funktion() {
$("div").fadeTo(1000, 0,5);
});
});
</Skript>
</body>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Stabile Version von MySQL 8.0.18 veröffentlicht! Hash Join ist wie erwartet da
Artikel empfehlen
mysql bestimmt, ob die aktuelle Zeit zwischen der Start- und Endzeit liegt und ob die Start- und Endzeit leer sein dürfen
Inhaltsverzeichnis Anforderung: Abfrage laufender...
Erklärung zur Verwendung der beiden in Element-ui integrierten Remote-Suchen (Fuzzy-Abfragen)
Problembeschreibung Es gibt einen Abfragetyp name...
Detaillierte Erklärung des Unterschieds zwischen dem Standardwert des CSS-Attributs width: auto und width: 100%
Breite: automatisch Das untergeordnete Element (e...
Wird der Index durch MySQL ungültig?
Wird MySQLs IN den Index ungültig machen? Gewohnh...
SQL-Aggregation, Gruppierung und Sortierung
Inhaltsverzeichnis 1. Aggregierte Abfrage 1. COUN...
CSS implementiert einen Popup-Fenstereffekt mit einer Maskenebene, die geschlossen werden kann
Popup-Fenster werden in der tatsächlichen Entwick...
IIS7 IIS8 http springt automatisch zu HTTPS (Port 80 springt zu Port 443)
IIS7 muss bestätigen, ob das pseudostatische Modu...
JavaScript-Closures erklärt
Inhaltsverzeichnis 1. Was ist ein Abschluss? 1.2 ...
Vier Kategorien von CSS-Selektoren: Basis, Kombination, Attribut, Pseudoklasse
Was ist ein Selektor? Die Rolle des Selektors bes...
Eine kurze Analyse der asynchronen DOM-Aktualisierung von Vue
Inhaltsverzeichnis Das Prinzip der asynchronen DO...
Detaillierte Erklärung zu JavaScript Anti-Shake und Throttling
Inhaltsverzeichnis Entprellen Gaspedal Zusammenfa...
CSS erzielt den Effekt der Vermischung zweier Elemente (Sticky-Effekt)
Ich erinnere mich, dass es vor ein paar Jahren in...
VUE+Canvas implementiert den Beispielcode des Desktop-Flipper-Brick-Breaking-Spiels
Jeder hat schon Flipper und Ziegelsteinzertrümmer...
So begrenzen Sie die Anzahl gleichzeitiger Verbindungsanforderungen in Nginx
Einführung Das Modul, das die Anzahl gleichzeitig...
Methode für die Sicherheitseinstellungen des Tomcat-Servers
Tomcat ist ein HTTP-Server, der die offizielle Re...