Hover over the picture and frame it for a large display

Hover the mouse over the picture and border

HTML code

<div class= "t-s-l fl" >        <a href= "" class= "A1" >                    </a><a href=" "class=" A2 ">             </a><a href="        " 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;}

Hover over the picture and frame it for a large display