作者tomin (for pete's sake)
看板Ajax
标题Re: [问题] 请问如何动态改变表格颜色
时间Tue Jul 14 02:08:05 2009
※ 引述《titaan (titan)》之铭言：
: 各位大大！
: 小弟最近在实做ajax时，想到达到某个效果！不过苦无方法，
: 请问各位大大！在不重新读取页面的前提下
: 如何动态改变表格的颜色呢？？
: ex.
: +-----+-----+-----+
: | a | | |
: |-----+-----+-----+
: | b | | |
: +-----+-----+-----+
: 比如 ，在b的位置点一下， b这一整行就会变成绿色！再点一下变红色
: 就是三种颜色的循环！目前是卡在动态改变表格的颜色~~麻烦各位大大协助罗！
jquery解法 用IE按好像不太灵敏 可能是我的错觉
http://noking.googlepages.com/tableColor.html
<style type="text/css">
.red{
background-color:red;
}
.green{
background-color:green;
}
</style>
<table border="1" width="100%">
<tr>
<td>A-1</td>
<td>A-2</td>
<td>A-3</td>
</tr>
<tr>
<td>B-1</td>
<td>B-2</td>
<td>B-3</td>
</tr>
</table>
<script type="text/javascript">
$("tr td").click(function(){
var tr=$(this).parent();
var trClass=tr.attr("class");
if(trClass==""){//white to green
tr.attr("class","green");
}else if(trClass=="green"){//green to red
tr.attr("class","red");
}else{//red to white
tr.removeAttr("class");
}
});
</script>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.116.40.183