日期:2014-05-16  浏览次数:20294 次

如何点击aaa改变表格单元的背景图?
一个单元格,
<table>
<tr> <td> aaaa </td> </tr>
</table>

------解决方案--------------------
<table>
<tr> <td style= "background-image:url(none); " onclick= "this.style.backgroundImage= 'url(abc.gif) '; "> aaaa </td> </tr>
</table>

------解决方案--------------------
<style>
.up{background-image:url(none);}
.dn{background-image:url(abc.gif);}
</style>
<script>
var old = null;
function change(obj){
if(old != null) old.className = "dn ";
obj.className = "up ";
old = obj;
}
</script>
<table>
<tr> <td class= "dn " onclick= "change(this); "> aaaa </td> </tr>
</table>
------解决方案--------------------
这样的话,如果有好多单元格,那不是都改变背景图了,我是想点哪个,哪个变,其其他的在恢复原图
------------------------------------------------
你在触发事件中多传递一个参数就好了!!

------解决方案--------------------
使用一个全局变量记录上一次点击的那个td的行列,等第二次点击的时候把上次的td的css设为默认的