

jQuery+css3,svg,terminal mobile,navigation par icônes,écran tactile,changement d'arrière-plan de page,changement de navigation


CSS3 fait en sorte que l'arrière-plan de l'écran du téléphone portable iPhoneX et l'image d'arrière-plan de la page changent d'effets spéciaux en même temps


Il s'agit d'un effet de commutation d'image de navigation circulaire plein écran jQuery html5. Cet effet spécial est une navigation rotative circulaire sur le côté gauche de la page. Lorsque vous cliquez sur la vignette de navigation, l'affichage de la grande diapositive d'image correspondante passe en plein écran.


Un code d'effet spécial à défilement vertical plein écran d'une seule page jQuery très pratique de nos jours. Il est souvent utilisé pour l'introduction des fonctions du produit ou l'introduction du projet. Certains plug-ins nécessitent que la page défile sur place pour changer de page. Cet effet spécial est toujours relativement fluide. La puissante fonction de paramètre personnalisé du plug-in prend en charge l'écran tactile du téléphone mobile et prend en charge la vitesse de commutation. Cela vaut la peine d'être appris et utilisé.


Basé sur swiper.js, le code d'effets spéciaux de commutation coulissante de l'écran tactile du téléphone portable est implémenté. Il prend également en charge le défilement de la souris du PC pour changer automatiquement les effets spéciaux d'image. Il prend en charge les images dessinées vers le haut ou vers le bas. Si vous ajoutez des flèches vers le bas, ce sera plus humain. Actuellement, les applications de scénarios HTML5 sont très populaires. Vous pouvez l'étudier et y jeter un œil.


Il s'agit d'un effet de diaporama d'album photo avec des vignettes réalisées à l'aide de pure js. Ce diaporama d'images a de puissants effets spéciaux. Vous pouvez utiliser directement la souris pour naviguer vers l'avant et vers l'arrière, et vous pouvez également changer d'image via les vignettes. Vous pouvez également accéder au mode d'aperçu des vignettes pour afficher toutes les images. Instructions Introduisez les fichiers de style base.css et gallery.css, ainsi que les fichiers BX.1.0.1.U.js, gallery.js et piclist.js dans la page.


bootstrap-carousel-touch-slider est un effet carrousel réactif basé sur Bootstrap qui prend en charge les terminaux mobiles. L'effet carrousel peut être commuté en glissant avec votre doigt. Et lorsqu'il est combiné avec animate.css, il peut créer une variété d'effets d'animation de texte sympas. Instructions Introduisez les fichiers liés au bootstrap, le fichier d'icône de police font-awesome.css, le fichier d'animation animate.min.css et jquery.touchS dans la page


L'effet de visualisation de commutation d'image rotative CSS3 3D Rubik's Cube est une image sélectionnée par la souris, qui peut réaliser automatiquement les superbes effets spéciaux d'animation de cube rotatif 3D à 360 degrés.


L'effet de formulaire de connexion CSS3 avec espace réservé flottant est une page de formulaire de connexion avec des effets d'espace réservé flottant et de bouton indicateur.


L'effet spécial qui peut être déplacé horizontalement pour changer d'image est un effet spécial Web avec des boutons fléchés gauche et droit qui prend également en charge le déplacement horizontal de la liste d'images pour afficher l'effet.


Le menu de navigation iframe intégré jQuery est une barre de navigation déroulante verticale gauche avec un modèle de page d'arrière-plan du menu de navigation iframe intégré.


Le code d'album d'images de masque contextuel vers le bas jQuery est un code d'album d'images jQuery implémenté sur la base du plug-in de couche contextuelle SimpleModal.


L'effet de flou de survol CSS3 pour les autres images consiste à placer la souris sur l'une des images. L'image à la position de la souris sera claire et les autres images seront floues, ce qui peut mettre en valeur l'image récupérée.


jQuery simule l'effet d'animation de la barre de défilement déroulante de l'iPhone Lorsque nous faisons défiler la molette de la souris, le menu défile de manière aléatoire de haut en bas.


Le code d'album photo jQuery pour la commutation par glisser-déplacer sur écran tactile est un code d'album photo jQuery coulissant sur écran tactile basé sur le plug-in Swiper. Il s'affiche en plein écran, glisse vers la gauche et la droite, prend en charge le contrôle du clavier et prend en charge la souris gauche et droite. commutation par glisser-déposer. Il a un design réactif et est parfaitement compatible avec les appareils mobiles.


Plug-in d'album photo HTML5 ma5gallery est un code d'album photo basé sur jQuery+HTML5, avec des flèches de commutation gauche et droite, un bouton de fermeture, un bouton d'index, etc., et prend en charge la commutation de contrôle du clavier.


L'effet spécial de page Web de carrousel d'album photo 3D JS est un effet spécial de page Web de carrousel d'album photo 3D sympa.


Menu flottant à bulles html5 3D sympa. Chaque élément de menu est une bulle flottante de style 3D, il pivotera et changera de couleur, et le menu actuel sera activé immédiatement.


8 effets de style de barre de navigation supérieure de site Web constituent un style de barre de navigation supérieure classique et magnifique.


Le code d'échange de tri de diagramme à colonnes visuel est une méthode de tri programmée à l'aide du code HTML et CSS. Le diagramme à colonnes affiche le modèle de visualisation des données et l'outil de visualisation de tri à bulles est disponible en téléchargement gratuit et en aperçu en ligne.