Dieses Mal werde ich Ihnen jQuery vorstellen, um den Ein- und Ausblendeffekt von Werbeinhalten zu erkennen. Welche Vorsichtsmaßnahmen gibt es für jQuery, um das Ein- und Ausblenden von Werbeinhalten zu realisieren? . Hier ist ein praktischer Fall, werfen wir einen Blick darauf.
1. Wirkungs- und Funktionsbeschreibung: Nachahmen der Sina Weibo-Bildtextliste, Ein- und Ausblenden, intermittierendes Scrollen nach oben und unten
2. Implementierungsprinzip: Zunächst müssen Sie nur 4 Bilder festlegen kann in p angezeigt werden. Die ausgegebenen Bilder werden automatisch ausgeblendet und dann wird den Bildern ein Animationsereignis hinzugefügt, damit sie gescrollt und abgespielt werden können. Der Auf- und Ab-Bildlaufeffekt spielt die Inhaltsbilder und den Text im li-Tag ab. Behandeln Sie jedes li als Ganzes und geben Sie p während der Scroll-Wiedergabe ein. Es wird darin angezeigt und ausgeblendet, wenn Sie p endgültig verlassen.
3. Ausführungsumgebung
IE6 IE7 IE8 und höher können in den Browsern Firefox und Google Chrome implementiert werden
4. Erstellen Sie eine neue komprimierte Datei und packen Sie sie dann Das komprimierte Paket, das dekomprimiert und im Ordnerbild abgelegt wird, kann unten auf der Seite angezeigt und heruntergeladen werden. Nach dem Herunterladen muss der Ordnername nicht geändert werden, da er bereits geschrieben wurde und mit dem Pfad in HTML5 übereinstimmt
5. Erstellen Ändern Sie beim Speichern der HTML-Datei den Codierungstyp in (UTF-8-signiert), damit ein Teil des Chinesischen normal angezeigt werden kann. Ändern Sie den Speichertyp (T) in (alle Dateien (*.*). )) und dekomprimieren Sie den HTML5-Effekt, wenn Sie die Bildordner im selben Ordner ablegen
6 Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Json-VorgangsdatumsformatRufen Sie Ajax in jQuery auf, um eine asynchrone Implementierung zu erreichenDas obige ist der detaillierte Inhalt vonjQuery implementiert den Ein- und Ausblendeffekt von Werbeinhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!