Recommandés 9 effets pratiques jQuery les plus populaires en 2014_jquery

1. Trois carrousels d'images de mise au point atmosphérique multifonctionnels implémentés par jQuery cxSlide

Le code source de trois effets de carrousel de graphique de mise au point atmosphérique multifonctionnels implémentés par jQuery cxSlide est un code de carrousel de graphique de mise au point avec trois styles et effets différents. Deux d'entre eux sont les plus intéressants, l'un consiste à combiner les images du graphique de mise au point. Il est divisé en quatre parties, chaque image est connectée à une adresse différente, et cela a également pour effet que lorsque la souris survole l'image intérieure, les autres images deviennent plus sombres. L'autre a une image de mise au point avec des vignettes et une description textuelle. effets. Les trois codes de carrousel d'images ciblées dans cet exemple conviennent à n'importe quel site Web. Les amis qui ont besoin de ce code peuvent le télécharger et l'utiliser.

Démo en ligne

Téléchargement du code source

Code source Lightcase du plug-in de couche contextuelle multifonctionnel 2.jQuery

Il s'agit d'un code source Lightcase du plug-in de couche contextuelle multifonctionnel JQuery. Il s'agit d'un plug-in lightbox extensible qui prend en charge tous les navigateurs et appareils mobiles grand public. , tels que : images, vidéos swf, vidéo html5, contenu ajax, iframe, etc.

Démo en ligne

Téléchargement du code source

3.jQuery/html5 implémente l'écran tactile du téléphone mobile, cliquez pour faire apparaître le menu de navigation

Il s'agit d'un code source d'effet de menu de navigation contextuel sur écran tactile de téléphone portable basé sur jQuery et html5. Cliquez sur le bouton de menu dans le coin supérieur droit pour faire apparaître un menu déroulant, et il y a un affichage de menu secondaire. fonction de commutation. L'effet global de l'interface est frais, naturel, beau et élégant. C'est un code source d'effets spéciaux très pratique et excellent.

Démo en ligne

Téléchargement du code source

4.jquery cliquez sur la petite image pour faire apparaître le plug-in de diaporama plein écran pour la grande image

Il s'agit d'un code source de plug-in de diaporama plein écran basé sur jquery. Cliquez sur la petite image pour afficher l'effet de commutation plein écran du grand diaporama. Le grand diaporama d'images comporte des boutons de commutation gauche et droit, et il y a un bouton de fermeture du diaporama en haut à droite. C'est un très excellent code source d'effets spéciaux.

Démo en ligne

Téléchargement du code source

Image tridimensionnelle 5.3D, effet de rotation à 360 degrés

Une image tridimensionnelle 3D avec rotation à 360 degrés et effet de réincarnation. Le code source a un excellent effet tridimensionnel. Il maintient une rotation tridimensionnelle à 360 degrés, similaire à un effet de carrousel.

Démo en ligne

Téléchargement du code source

6. Simulez le client mobile basé sur jQuery pour basculer l'image de focus vers la gauche et la droite parmi cinq vignettes

Basé sur jQuery, le code source pour simuler la commutation gauche et droite de cinq vignettes sur le client mobile et l'effet spécial de l'image de focus est une commutation gauche et droite, similaire au code source pour l'effet de commutation d'image de bannière sur le client mobile. Il prend en charge la commutation automatique, le code est simple et la commutation gauche et droite est fluide.

Démo en ligne

Téléchargement du code source

7. Disposition de la taille de l'image réglable basée sur jQuery

L'effet d'arrangement d'image redimensionnable de jQuery est similaire au style de texte basculant entre grand, moyen et petit dans l'article précédent, sauf que maintenant le changement concerne uniquement l'image. Utilisez l'attribut d'animation de jQuery pour donner respectivement trois tailles à l'image. cliqué Attribuez simplement les dimensions correspondantes à la largeur et à la hauteur de l'image.

Démo en ligne

Téléchargement du code source

8.js implémente une calculatrice simple

Il s'agit d'une applet de calculatrice basée sur js. La fonction de la calculatrice est très simple et peut implémenter des opérations simples d'addition, de soustraction, de multiplication et de division. Bien qu'elle soit très simple, la calculatrice a l'air plutôt bonne. Vous pouvez également implémenter vous-même la fonction de calcul, car toutes les opérations mathématiques peuvent être réalisées avec Javascript.

Démo en ligne

Téléchargement du code source

9.Effets d'album photo de bureau HTML5

Aujourd'hui, nous allons partager une application d'album photo basée sur HTML5 et jQuery Lorsque vous parcourez les images de l'album photo, les images peuvent être placées dans n'importe quelle position comme si elles étaient placées sur le bureau. Vous pouvez également faire glisser l'image pour la déplacer n'importe où sur le bureau. Après avoir cliqué sur le bouton de fermeture de l'image, l'image se transformera en poubelle et disparaîtra.

Démo en ligne

Téléchargement du code source

Ce que nous recommandons ici, ce sont les effets spéciaux jQuery à fort trafic sur ce site. Les amis qui en ont besoin peuvent s'y référer pour leur propre référence.