软件开发培训班 >> 编程开发 >> JavaScript

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

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

技术文章快速查找

JavaScript中的JSON 中文版翻译

探讨js中的双感叹号判断

求解开jscript.encode代码的asp函数

javascript 图片上传预览-兼容标准

jquery.Jwin.js 基于jquery的弹出层插件代码

Jquery AJAX POST与GET之间的区别

鼠标经过导航菜单时颜色改变效果

JS实现图片预加载无需等待

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建