บทความนี้อธิบายวิธีการใช้ JS เพื่อใช้การระงับเมาส์เพื่อเพิ่มเส้นขอบให้กับรูปภาพ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
รหัส HTML:
<div> <a href = ""> <img src = "images/11.jpg"/> </a> <a href = ""> <img src = "รูปภาพ/11.jpg"/> </a> <a href = " 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" a.a1 "). bordereffect (); $ (". a1 "). bordereffect (); $ (". tsl a.a2 "). bordereffect ({bordercolor: '#e80484'}); $ (". tsl A.A3 ") - </script>รหัส CSS:
.tsl a {พื้นหลัง: url (images/download.png) No -Repeat -10px 20px #FFF;} .TSL {WIDTH: 952PX; Overflow: Hidden;} .tsl A {float: ซ้าย; ความกว้าง: 234px; ความสูง: 368px; มาร์จิ้น: 0 19px 17px 0; ขนาดตัวอักษร: 0; ล้น: ซ่อน;}ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน