effet de survol de la souris jQuery sur l'image

jQuery a pour effet de passer la souris sur l'image. Une fois la souris passée, un effet de masque apparaîtra et le texte apparaîtra et disparaîtra. Il est compatible avec les navigateurs grand public. Le site Web chinois PHP recommande le téléchargement. Instructions: 1. La zone d'en-tête fait référence au fichier lrtk.css et à la bibliothèque js <link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all&q
Comment utiliser :
1. La zone d'en-tête fait référence au fichier lrtk.css et à la bibliothèque js
<link rel="stylesheet" type="text/css" href="css/lrtk.css" media="all">
<script type="text/javascript" src="js/jquery.min.js"></script>
2. Ajoutez <!-- code start --><!-- code end -->region code
dans le fichier 3. Veuillez consulter les commentaires du code pour des réglages spécifiques
4. Le texte et les liens de saut sont modifiés dans le code
<div class="bannière">
<!-- Modifier les images -->
<a href="http://www.lanrentuku.com/" target="_blank">
<img height="125" width="125" alt="Mail Chimp" src="images/seagaia_miyazaki.jpg" />
</a>
<!-- Modifier le texte -->
<p class="companyInfo">Informations sur l'image cinq</p>
<div class="cornerTL"></div>
<div class="cornerTR"></div>
<div class="cornerBL"></div>
<div class="cornerBR"></div>
</div>
Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn
Article connexe

28 Dec 2016
Cet article présente principalement un cas détaillé d'invite de survol de la souris basée sur jquery. Le code est complet et les fonctions sont pratiques. Les amis dans le besoin peuvent s'y référer.

28 Oct 2024
Inverser la couleur du texte au survol de la sourisLe but est d'inverser la couleur d'un élément de texte tout en le survolant avec un curseur noir. L'effet devrait être...

03 Dec 2024
jQuery $(document).ready et UpdatePanels : un look raffinéLorsque vous utilisez jQuery pour appliquer des effets de survol de la souris aux éléments d'un UpdatePanel, le...

30 Oct 2024
Inverser la couleur du texte au survol de la sourisCet effet consiste à inverser la couleur du texte noir lorsqu'un curseur noir personnalisé le survole. Voici comment ça...

29 Oct 2024
Création d'un effet de superposition sur les images avec CSSDans cet article, nous explorerons comment obtenir l'effet d'une superposition sombre avec du texte et une icône...

08 Nov 2024
Styliser les survols de la carte d'image avec CSSLors de la création de pages Web interactives, il est souvent nécessaire d'inclure des images avec des zones cliquables. Typiquement,...

13 Nov 2024
jQuery : modification dynamique du texte avec des événements de survol de la sourisLors de l'interaction avec des éléments d'une page Web, l'ajout d'effets subtils peut améliorer l'utilisateur...

27 Nov 2024
Désactiver l'effet de survol de la souris sur des boutons spécifiques En utilisant CSSAiming pour désactiver l'effet de survol de la souris pour un bouton spécifique dans une page Web, vous avez...

01 Mar 2017
Cet article partagera avec vous un morceau de code CSS3 pour obtenir l'effet de flottement de la souris pour agrandir l'image. Il n'y a pas besoin de code js et jquery dans le code. C'est très bon et a une valeur de référence. référez-vous à lui.


Outils chauds Tags

Outils chauds

Effet carrousel de curseur d'image 3D jQuery
Effet carrousel de curseur d'image 3D basé sur jQuery

CSS pur pour obtenir des animations de commutation sympas lorsque la souris passe à travers des images
Pure CSS permet des téléchargements de code d'animation de commutation sympas lorsque la souris passe à travers des images.

Plug-in de carrousel d'images HTML5 avec effet de parallaxe
Un plug-in de carrousel d'images HTML5 avec effet de parallaxe, qui peut contrôler les images avec la souris et produire un effet de différence visuelle sympa lorsque le carrousel d'images défile.

Image d'en-tête du site B, survol interactif de la souris, profondeur de champ, effet de mise au point
Un effet spécial de page Web d'effet de mise au point de profondeur de champ interactif avec la souris pour l'image d'en-tête du site B.

Effets de mur d'images 3D jQuery sympas qui peuvent être glissés et pivotés
Un effet de mur d'images 3D jQuery sympa qui peut être glissé et pivoté. Les images sont entourées pour former un mur d'images circulaire, et chaque image a des effets de lueur et de réflexion.
