JS批量添加属性。
<!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=gb2312" /><title>无标题文档</title>
<style>
img {border:1px solid #ccc;cursor:pointer;padding:4px;}
img </style></head><body><div id="test"><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /><img src="http://bbs.blueidea.com/images/blue/logo.gif" alt="logo" /></div></body><script type="text/javascript">
var imglist = document.getElementById("test").getElementsByTagName("img");for(var i=0;i<imglist.length;i++){ imglist[i].onmouseover = function() { this.style.borderColor = "#f60";
} imglist[i].onmouseout = function() { this.style.borderColor = "#369"; }
}</script></html>