图片选中出现边框效果:当点击选中图片时,图片能够出现红色的边框效果。代码实例如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name=&q ...
图片选中出现边框效果:
当点击选中图片时,图片能够出现红色的边框效果。
代码实例如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css"> #mainboard img{ border:1px solid #cccccc; width:88px; height:31px; cursor:pointer; } </style> <script src='/images/loading.gif' data-original="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script type="text/javascript"> $(function(){ $("#mainboard img").bind("click",function(){ $(this).css("border","1px solid red").siblings().css("border","1px solid #cccccc"); }) }) </script> </head> <body> <div id="mainboard"> <img src='/images/loading.gif' data-original="1.gif" class="b" /> <img src='/images/loading.gif' data-original="2.gif" /> <img src='/images/loading.gif' data-original="3.gif" /> <img src='/images/loading.gif' data-original="4.gif" /> </div> </body> </html>
原标题:图片选中出现边框效果
关键词:图片
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。