一个说不出来的效果- -
就是我有好多行数据，但是每次找的时候怕找错，我想做出一种：点击哪一行，哪一行就突出出来，或者变颜色。- -只要和其他有区别就行，当离开时就变回原样。- -。是asp显示页面。[ 本帖最后由 罗林鹏 于 2010-8-18 11:07 编辑 ]
2010-08-18 10:37
2010-08-18 11:47
2010-08-18 11:52
程序代码：<table width="100%" border="0" cellpadding="5" cellspacing="1">
<tr bgcolor="#B9D5FF">
<td width="15%">选择</td>
<td width="18%">用户名</td>
<td width="18%">昵称</td>
<td width="30%">网站域名</td>
<td width="19%">姓名</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr bgcolor="#E1EDFF" onMouseOver="this.bgColor='#B9D5FF';" onMouseOut="this.bgColor='#E1EDFF';">
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
</table>
2010-08-18 14:39
程序代码：<script>
function addlineeffect(id,element)//获取ID为id的对象下的所有element元素！
{
var tr=[];
tr=document.getElementById(id).getElementsByTagName(element);
for(var i=1,j=tr.length;i<j;i++)
{
tr[i].onmouseover=function(){
this.style.backgroundColor='#B9D5FF';
}
tr[i].onmouseout=function(){
this.style.backgroundColor='';
}
}
}
window.onload=function(){
addlineeffect('tb','tr');
}
</script>
<table id="tb" width="100%" border="0" cellpadding="5" cellspacing="1">
<tr bgcolor="#B9D5FF">
<td width="15%">选择</td>
<td width="18%">用户名</td>
<td width="18%">昵称</td>
<td width="30%">网站域名</td>
<td width="19%">姓名</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="DelSelect" value="lele2007" /></td>
<td>lele2007</td>
<td>乐乐</td>
<td><a href='http://bbs.bccn.net' target='_blank'>bbs.bccn.net</a></td>
<td>编程论坛</td>
</tr>
</table>
2010-08-18 18:16
2010-08-19 11:38
2010-08-20 17:34