js:
function changeBg(link) { var alllinks=document.getElementById("mylink").getElementsByTagName("a"); for(var i=0;i<alllinks.length;i++){ alllinks[i].className="titlelink";//默认未点击时引用的样式 } link.className="titlelink_copy";//点击切换样式 }
css:
.titlelink,.titlelink_copy{ color:#000000; text-decoration:none; border:1px #bce87d solid; padding:2px 2px 1px 2px; font-weight:bold; font-size:16px }
.titlelink{background:#f8f8f8;} .titlelink_copy{background:#bce87d;}
<div id="mylink"> <a href="radiostat.jsp" class="titlelink" οnclick="changeBg(this)">AAAA</a><a href="radioappstat.jsp" class="titlelink" οnclick="changeBg(this)">BBBB</a><a href="radioactidstat.jsp" class="titlelink" οnclick="changeBg(this)">CCCC</a><a href="radiotopstat.jsp" class="titlelink" οnclick="changeBg(this)">DDDD</a> </div>
|
原文地址:http://hi.baidu.com/baozhipengwdz/blog/item/23d54a2414c9f23ac89559b9.html