<table>
<tr class='r1'>....</tr>
<tr class='r2'>....</tr>
<tr class='r1'>....</tr>
<tr class='r2'>....</tr>
<tr class='r1'>....</tr>
</table>
然后在样式表设置中对r1和r2设置不一样的背景色
.r1 { background-color:red}
.r2 { background-color:blue}
给分<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function tagscheck(a){
var lng=document.all.tags(a.tagName).length
for(i=0i<lngi++){
var temp=document.all.tags(a.tagName)[i]
if(a==temp){
//选中的标签样式
temp.style.background="#ccc"
}else{
//恢复原状
temp.style.background=""
}
}
}
</script>
</head>
<body>
<table width="100%" border="1" cellpadding="2" cellspacing="0">
<tr>
<td bgcolor="#006600"> </td>
<td bgcolor="#006600"> </td>
<td bgcolor="#006600"> </td>
</tr>
<tr onclick="tagscheck(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr onclick="tagscheck(this)">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
<html><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style>
td{height:15px}
</style>
<script language="javascript">
function tagscheck(a){
var lng=document.all.tags(a.tagName).length
for(i=0i<lngi++){
var temp=document.all.tags(a.tagName)[i]
if(a==temp){
//选中的标签样式
temp.style.background="#ccc"
}else{
//恢复原状
temp.style.background=""
}
}
}
</script>
</head>
<body>
<table width="100%" border="1" cellpadding="2" cellspacing="0">
<tr>
<td bgcolor="#006600"></td>
<td bgcolor="#006600"></td>
<td bgcolor="#006600"></td>
</tr>
<tr onmouseover="tagscheck(this)">
<td></td>
<td></td>
<td></td>
</tr>
<tr onmouseover="tagscheck(this)">
<td></td>
<td></td>
<td></td>
</tr>
<tr onmouseover="tagscheck(this)">
<td></td>
<td></td>
<td></td>
</tr>
<tr onmouseover="tagscheck(this)">
<td></td>
<td></td>
<td></td>
</tr>
<tr onmouseover="tagscheck(this)">
<td></td>
<td></td>
<td></td>
</tr>
<tr onmouseover="tagscheck(this)">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）