JS implementation of the mouse suspension to the picture Plus border method _javascript skills

The example of this article describes the method of JS to implement the mouse suspension to the picture plus border. Share to everyone for your reference. The implementation methods are as follows:

HTML code:

<div class= "t-s-l fl" > <a href= "class=" A1 
 ">  
 </a><a href=" "class= A2" >  </a><a "" 
 class= "A3" > 
   
 </a> 
</div>

JS Code:

<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). Ready (function () { 
  //border 
 $ (". T-s-l a.a1 "). Bordereffect (); 
 $ (". A1"). Bordereffect (); 
 $(". T-s-l a.a2 "). Bordereffect ({bordercolor: ' #e80484 '}); 
 $(". T-s-l a.a3 "). Bordereffect ({bordercolor: ' #7b7b7b ', speed:300, borderwidth:10}); 
 }); 
</script>

CSS code:

. T-s-l A{background:url (images/download.png) no-repeat-10px 20px #fff;} 
. T-s-l{width:952px;overflow:hidden} 
. T-s-l A{float:left; width:234px;height:368px;margin:0 19px 17px 0;font-size:0;overflow:hidden;}

I hope this article will help you with your JavaScript programming.