Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery implementiert den Ein- und Ausblendeffekt von Werbeinhalten

php中世界最好的语言
Freigeben: 2018-04-25 17:50:07
Original
1539 Leute haben es durchsucht

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-Vorgangsdatumsformat


Rufen Sie Ajax in jQuery auf, um eine asynchrone Implementierung zu erreichen

Das 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!

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