Cet article décrit la méthode d'utilisation de JS pour implémenter la suspension de souris pour ajouter des frontières aux images. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Code html:
<div> <a href = ""> <img src = "images / 11.jpg" /> </a> <a href = ""> <img src = "images / 11.jpg" /> </a> <a href = ""> <img src = "images / 11.jpg" /> </a> <a href = ""> <img " src = "images / 11.jpg" /> </a> </ div>
Code js:
<script src = "js / jquery-1.9.1.min.js" type = "text / javascript"> </ script> <script src = "js / jQuery.insetborder.js" type = "text / javascrip a.a1 "). bordereffect (); $ (". a1 "). bordereffect (); $ (". tsl a.a2 "). bordereffect ({borderColor: '# e80484'}); $ (". });}); </cript>Code CSS:
.Tsl a {background: url (images / download.png) no-repeat -10px 20px #fff;} .tsl {width: 952px; overflow: Hidden;} .tsl a {float: gauche; Largeur: 234px; hauteur: 368px; marge: 0 19px 17px 0; taille de police: 0; débordement: caché;}J'espère que cet article sera utile à la programmation JavaScript de tous.