如何让超链点击后变色,而在点击其他超链的时候变回原来的颜色,比如日历上我点击哪天哪天就变红,而点击其他日子时再变回来。
參考答案:单纯用css a的伪类做不了,举个例子,用background看得清楚些,颜色的话改成color就可以了
<style type="text/css">
a {
font:15px;
font-weight:bolder;
width:200px;
display:block;
padding:30px;
border:1px solid #000;
}
a.click {
background:green;
}
a.notclick {
background:#fff;
}
</style>
<script type="text/javascript">
window.onload=function(){
var a=document.getElementsByTagName("a");
var a_l=a.length;
for(var i=0;i<a_l;i++){
a[i].onclick=function(){
if(this.className=='click') return
else {
for(var _i=0;_i<a_l;_i++){
a[_i].className='notclick';
}
this.className='click';
}
}
}
}
</script>
<a href="" target="_blank" class="notclick">一</a>
<a href="" target="_blank" class="notclick">一</a>