Heim > Web-Frontend > js-Tutorial > Hauptteil

Empfohlene 9 beliebteste praktische jQuery-Effekte im Jahr 2014_jquery

WBOY
Freigeben: 2016-05-16 16:28:31
Original
1275 Leute haben es durchsucht

1. Drei multifunktionale atmosphärische Fokusbildkarussells, implementiert von jQuery cxSlide

Der Quellcode für drei multifunktionale atmosphärische Fokusdiagramm-Karusselleffekte, die von jQuery cxSlide implementiert werden, ist ein Fokusdiagramm-Karussellcode mit drei verschiedenen Stilen und Effekten. Zwei davon sind die interessantesten, einer besteht darin, die Fokusdiagrammbilder zu kombinieren. Es ist in vier Teile unterteilt, jedes Bild ist mit einer anderen Adresse verbunden, und es hat auch den Effekt, dass andere Bilder dunkler werden, wenn man mit der Maus über das innere Bild fährt. Das andere hat ein Fokusbild mit Miniaturansichten und Textbeschreibung Effekte. Karussellcode. Die drei Fokusbild-Karussellcodes in diesem Beispiel eignen sich für jede Website. Freunde, die diesen Code benötigen, können ihn herunterladen und verwenden.

Online-Demo

Quellcode-Download

2. jQuery-Multifunktions-Popup-Layer-Plug-in-Lightcase-Quellcode

Dies ist ein multifunktionaler JQuery-Popup-Layer-Plug-in-Lightcase-Quellcode. Es handelt sich um ein erweiterbares Lightbox-Plug-in, das alle gängigen Browser und mobilen Geräte unterstützt. Es unterstützt mehrere Arten von Medien in der Popup-Ebene , wie zum Beispiel: Bilder, SWF-Videos, HTML5-Video, Ajax-Inhalte, Iframe usw.

Online-Demo

Quellcode-Download

3.jQuery/html5 implementiert den Touchscreen eines Mobiltelefons. Klicken Sie, um das Navigationsmenü aufzurufen

Dies ist ein Quellcode für den Popup-Navigationsmenüeffekt eines Mobiltelefons, der auf jQuery und HTML5 basiert. Klicken Sie auf die Menüschaltfläche in der oberen rechten Ecke, um ein Dropdown-Menü anzuzeigen Schaltfunktion. Der Gesamteffekt der Benutzeroberfläche ist frisch, natürlich, schön und elegant. Es handelt sich um einen sehr praktischen und hervorragenden Quellcode für Spezialeffekte.

Online-Demo

Quellcode-Download

4.jquery Klicken Sie auf das kleine Bild, um das Großbild-Vollbild-Diashow-Plug-in aufzurufen

Dies ist ein Vollbild-Diashow-Plug-in-Quellcode, der auf JQuery basiert. Klicken Sie auf das kleine Bild, um den Vollbild-Umschalteffekt der großen Bild-Diashow anzuzeigen. Die große Bild-Diashow verfügt über eine Schaltfläche zum Umschalten nach links und rechts, und oben rechts befindet sich eine Schaltfläche zum Schließen der Diashow. Es handelt sich um einen sehr hervorragenden Quellcode für Spezialeffekte.

Online-Demo

Quellcode-Download

5.3D dreidimensionales Bild 360-Grad-Rotationseffekt

Ein dreidimensionales 3D-Bild mit 360-Grad-Rotation und Reinkarnationseffekt. Der Quellcode hat einen großartigen dreidimensionalen Effekt. Er behält die dreidimensionale Rotation bei, ähnlich einem Karussell-Effekt.

Online-Demo

Quellcode-Download

6. Simulieren Sie den mobilen Client basierend auf jQuery, um das Fokusbild zwischen fünf Miniaturansichten nach links und rechts zu wechseln

Basierend auf jQuery ist der Quellcode zum Simulieren des Links- und Rechtswechsels von fünf Miniaturansichten auf dem mobilen Client und der Fokusbild-Spezialeffekt ein Links- und Rechtswechsel, ähnlich dem Quellcode für den Bannerbild-Wechseleffekt auf dem Der mobile Client unterstützt das automatische Umschalten, der Code ist einfach und das Umschalten nach links und rechts erfolgt reibungslos.

Online-Demo

Quellcode-Download

7. Anpassbare Bildgrößenanordnung basierend auf jQuery

Der in der Größe veränderbare Bildanordnungseffekt ähnelt dem Stil des Textwechsels zwischen groß, mittel und klein im vorherigen Artikel, mit der Ausnahme, dass die Änderung jetzt nur das Bild animiert, um dem Bild jeweils drei Größen zuzuweisen angeklickt Weisen Sie einfach der Breite und Höhe des Bildes die entsprechenden Maße zu.

Online-Demo

Quellcode-Download

8.js implementiert einen einfachen Rechner

Dies ist ein Taschenrechner-Applet, das auf js basiert und einfache Additions-, Subtraktions-, Multiplikations- und Divisionsoperationen implementieren kann. Darüber hinaus sieht der Taschenrechner ziemlich gut aus Sie können die Berechnungsfunktion auch selbst implementieren, schließlich sind alle mathematischen Operationen mit Javascript realisierbar.

Online-Demo

Quellcode-Download

9.HTML5-Desktop-Fotoalbumeffekte

Heute stellen wir eine Fotoalbum-Anwendung vor, die auf HTML5 und jQuery basiert. Beim Durchsuchen der Bilder im Fotoalbum können die Bilder an jeder beliebigen Position platziert werden, als wären sie auf dem Desktop platziert. Sie können das Bild auch ziehen, um es an eine beliebige Stelle auf dem Desktop zu verschieben. Nachdem Sie auf dem Bild auf die Schaltfläche „Schließen“ geklickt haben, verwandelt sich das Bild in einen Papierkorb und verschwindet.

Online-Demo

Quellcode-Download

Was wir hier empfehlen, sind die jQuery-Spezialeffekte mit hohem Traffic auf dieser Website. Freunde, die sie benötigen, können sie als eigene Referenz verwenden.

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!