이 기사에서는 JS를 사용하여 마우스 서스펜션을 구현하여 이미지에 테두리를 추가하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
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> src = "images/11.jpg"/> </a> </div>
JS 코드 :
<script src = "js/jquery-1.9.1.min.js"type = "text/javaScript"> </script> <scrc = "js/jquery.insetborder.js"type = "text/javaScript"> </script> <script type = "text/javascript"> $ (). a.a1 "). bordereffect (); $ (". a1 "). bordereffect (); $ (". tsl a.a2 "). bordereffect ({bordercolor : '#e80484'}); $ (". })); </스크립트>CSS 코드 :
.tsl a {배경 : url (images/download.png) no -Repeat -10px 20px #fff;} .tsl {너비 : 952px; 오버플로 : hidden;} .tsl a {float : 왼쪽; 폭이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.