jquery(1.3.2) 高亮选中图片边框

2019-11-21 01:22:13

字体：大中小

来源：转载

供稿：网友

因为需要加载文件，建议刷新下

<!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.VeVB.COm/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//www.VeVB.COm/images/logo.gif" class="b" /> <img src="https://www.jb51.net//www.VeVB.COm/images/logo.gif" /> <img src="https://www.jb51.net//www.VeVB.COm/images/logo.gif" /> <img src="https://www.jb51.net//www.VeVB.COm/images/logo.gif" /> </div> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：css+js下拉菜单

下一篇：jQuery live