suchen

Heim >Web-Frontend >js-Tutorial >Perfekt kompatibel mit jQuery-Nachahmung von Sina-Grafiken und Text-Ein- und Ausblendeffekten mit intermittierenden Scrolleffekten der wichtigsten Browser_jquery

Perfekt kompatibel mit jQuery-Nachahmung von Sina-Grafiken und Text-Ein- und Ausblendeffekten mit intermittierenden Scrolleffekten der wichtigsten Browser_jquery

WBOY
WBOYOriginal
2016-05-16 16:31:331378Durchsuche

1. Wirkungs- und Funktionsbeschreibung: Nachahmung der Sina Weibo-Bildtextliste wird ein- und ausgeblendet und zeitweise nach oben und unten gescrollt

2. Das Implementierungsprinzip besteht darin, das Div zunächst so einzustellen, dass nur 4 Bilder angezeigt werden. Anschließend wird den Bildern ein Animationsereignis hinzugefügt, damit sie gescrollt und abgespielt werden können Der Effekt wird durch das Li-Tag abgespielt. Beim Scrollen werden sie in das Div eingefügt und beim Verlassen des Divs ausgeblendet Animationseffekt vollständig ausgeführt werden.

3. Betriebsumgebung

IE6 IE7 IE8 und höher können in den Browsern Firefox und Google Chrome implementiert werden

4. Erstellen Sie eine neue Datei für das komprimierte Paket aller Bilder, entpacken Sie das Paket und legen Sie es in einem Ordner ab. Nach dem Herunterladen können Sie das komprimierte Paket der Bilder sehen und herunterladen. Der Ordnername muss nicht geändert werden, da er bereits geschrieben wurde und der Pfad in HTML5 mit

übereinstimmt

5. Ändern Sie beim Speichern der erstellten HTML-Datei den Codierungstyp in (UTF-8 mit Signatur), damit einige chinesische Zeichen normal angezeigt werden können. Ändern Sie den Speichertyp (T) in (alle Dateien (*.*)). ), legen Sie die HTML5- und dekomprimierten Bildordner im selben Ordner

ab

6. Code

Code kopieren Der Code lautet wie folgt:










jquery imitiert Sina Weibo-Bild, Textliste, Lücken-Scrolling, Ein- und Ausblenden des Scrollens






怎么样，效果相当不错吧.

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
Vorheriger Artikel：Verwenden Sie node.js, um das Front- und Backend von website_node.js zu erstellenNächster Artikel：Verwenden Sie node.js, um das Front- und Backend von website_node.js zu erstellen

In Verbindung stehende Artikel

Mehr sehen