Este artigo descreve o método de usar JS para implementar a suspensão do mouse para adicionar fronteiras às imagens. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Código HTML:
<div> <a href = ""> <img src = "imagens/11.jpg"/> </a> <a href = ""> <img src = "imagens/11.jpg"/> </a> <a href = ""> <img src = "/11.jpg"/> <aha> <a href = ""> <img src = "imagens/11.jpg"/> <aha> src = "imagens/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/javScript"> A.A1 "). BORDEFEFFECT (); $ (". A1 "). BORDEFEFFECT (); $ (". }); </script>Código CSS:
.TSL A {Background: URL (imagens/download.png) No -repetir -10px 20px #fff;} .tsl {width: 952px; overflow: hidden;} .tsl a {float: esquerda; Largura: 234px; Altura: 368px; margem: 0 19px 17px 0; Size da fonte: 0; Overflow: Hidden;}Espero que este artigo seja útil para a programação JavaScript de todos.