Este artículo describe el método de usar JS para implementar la suspensión del mouse para agregar bordes a las imágenes. Compártelo para su referencia. El método de implementación específico es el siguiente:
Código 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 = "imágenes/11.jpg"/> </a> </div>
Código JS:
<script src = "js/jQuery-1.9.1.min.js" type = "text/javaScript"> </script> <script src = "js/jQuery.insetBorder.js" type = "text/javaScript"> </script> <script type = "text/javaScript"> $ (documento). A.A1 "). BorderEffect (); $ (". }); </script>Código CSS:
.Tsl a {fondo: url (images/download.png) No -repeat -10px 20px #fff;} .tsl {ancho: 952px; desbordamiento: hidden;} .tsl a {float: izquierda; Ancho: 234px; altura: 368px; margen: 0 19px 17px 0; tamaño de fuente: 0; desbordamiento: oculto;}Espero que este artículo sea útil para la programación de JavaScript de todos.