首页 > 网络编程 > JavaScript > javascript类库 > jquery > jquery(1.3.2) 高亮 选中 jquery(1.3.2) 高亮选中图片边框 2009-05-15 13:54:36 作者： 当点击图片时，图片会加红显示。 因为需要加载文件，建议刷新下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>高亮选中图片边框 </title> <style type="text/css"> #mainboard img{ border:1px solid #cccccc; width:88px; height:31px; cursor:pointer; } </style> <script language="javascript" type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <script language="javascript" 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="https://www.jb51.net/images/logo.gif" class="b" /> <img src="https://www.jb51.net/images/logo.gif" /> <img src="https://www.jb51.net/images/logo.gif" /> <img src="https://www.jb51.net/images/logo.gif" /> </div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:jQuery实现鼠标经过显示动画边框特效jQuery实现边框动态效果的实例代码jquery插件corner实现圆角边框的方法JQuery拖动表头边框线调整表格列宽效果代码JQuery实现鼠标移动到图片上显示边框效果jquery给图片添加鼠标经过时的边框效果jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法jquery photoFrame 图片边框美化显示插件jquery实现边框特效
