この記事では、JSを使用してマウスサスペンションを実装して画像に境界を追加する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
HTMLコード:
<div> <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> <script src = "js/jquery.insetborder.js" type = "text/javascript"> </script> <script type = "text/javascript"> $(document)。 a.a1 ")。bordereffect(); $("。a1 ")。bordereffect(); $("。tsla.a2 ")。 }); </script>
CSSコード:
.tsl a {background:url(images/download.png)no -repeat -10px 20px #fff;} .tsl {width:952px; anoverflow:hidden;} .tsl a {float:left;幅:234px;高さ:368px;マージン:0 19px 17px 0; font-size:0; overflow:hidden;}この記事がみんなのJavaScriptプログラミングに役立つことを願っています。