Question

html点击文字变色 再次点击就恢复点击前的颜色

我只实现了点击变色
希望实现 彩票网站选号的效果 http://trade.500wan.com/pages/trade/syydj/index.php

<style type="text/css">
.over {color:#000000; background: #fcc546}
.down {color:#000000; background: #fcc444; font-style: italic}
</style>
<table id="Table3" >
<tr>
<td align="middle" bgcolor="#fefef5" class="noball" onclick="this.className='over'; " width="25">
</td>
<tr>
</table>

Answer 1

你用下面的代码试试，怎么可能没反应，我测试都通过了：

<style type="text/css">
.over {color:#000000; background: #fcc546}
.down {color:#000000; background: #fcc444; font-style: italic}
</style>
<table id="Table3" >
<tr>
<td align="middle" bgcolor="#fefef5" class="noball" onclick="chg(this); " width="25"> aaa
</td>
<tr>
</table>

<script type="text/javascript">
function chg(obj){
if(obj.className != "over"){
obj.oldClass = obj.className; // 暂存原来的class，用于恢复
obj.className = "over";
}else if(obj.oldClass){
obj.className = obj.oldClass; // 暂存原来的class，用于恢复
}
}
</script>