使表格文字颜色改变的问题，请进！！！急

xizhongliu 2003-10-15 02:04:03

我在做一个表格，想使鼠标在经过表格的某行使颜色改变，在鼠标离开时颜色又改变，请问怎么实现？

...全文

63 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

xizhongliu 2003-10-29

打赏
举报

多谢各位，我的问题已经解决了。其实我的问题开始时没有说清楚，应该是：在鼠标点击的时候变色，当鼠标在别处点击时又还原，被点击的行变色，而且页面刷新时要保持

zhfkiller 2003-10-15

打赏
举报

<html>
<head>
<script>
function foo0(strID){
var nColumn = 4;
for(var i=0;i<nColumn;i++)
window.document.all(strID + i).color = "blue";
}
function foo1(strID){
var nColumn = 4;
for(var i=0;i<nColumn;i++)
window.document.all(strID + i).color = "green";
}
</script>
</head>

<body>

<table border="1" width="100%" >
<tr id="aa" onMouseOver="foo0('aa')" onMouseOut="foo1('aa')">
<td width="25%"><font id=aa0 color=red>aaaa</font></td>
<td width="25%"><font id=aa1 color=red>bbbb</font></td>
<td width="25%"><font id=aa2 color=red>cccc</font></td>
<td width="25%"><font id=aa3 color=red>dddd</font></td>
</tr>
<tr id="aa" onMouseOver="foo0('bb')" onMouseOut="foo1('bb')">
<td width="25%"><font id=bb0 color=red>eeee</font></td>
<td width="25%"><font id=bb1 color=red>ffff</font></td>
<td width="25%"><font id=bb2 color=red>gggg</font></td>
<td width="25%"><font id=bb3 color=red>hhhh</font></td>
</tr>
<tr id="aa" onMouseOver="foo0('cc')" onMouseOut="foo1('cc')">
<td width="25%"><font id=cc0 color=red>iiii</font></td>
<td width="25%"><font id=cc1 color=red>jjjj</font></td>
<td width="25%"><font id=cc2 color=red>kkkk</font></td>
<td width="25%"><font id=cc3 color=red>llll</font></td>
</tr>
</table>
</body>
</html>

kingdomzhf 2003-10-15

打赏
举报

hrong 2003-10-15

打赏
举报

woderoom 2003-10-15

打赏
举报

首先在css文件里定义几个标识：
td.normal
{
background-color:#E3F0FF;
border:0px;
CURSOR: hand;
width:100%;
height:20px;
}

td.onmouseover
{
background-color:#FFFFFF;
border:1px solid #999999;
CURSOR: hand;
width:100%;
height:20px;
}

td.onmousedown
{
background-color:#CCCCCC;
border:1px solid #999999;
CURSOR: hand;
width:100%;
height:20px;
}
然后在文件里如下：
<script language="javascript">
function doShow(strUrl)
{
parent.main.location=strUrl;
}

function doMouseOver()
{
obj = window.event.srcElement;
obj.className = "onmouseover";
}

function doMouseDown()
{
obj = window.event.srcElement;
obj.className = "onmousedown";
}

function doMouseOut()
{
obj = window.event.srcElement;
obj.className = "normal";
}
</script>

<tr>
<td onMouseOut="doMouseOut();" onMouseOver="doMouseOver();" onMouseDown="doMouseDown();">
</td>
</tr>

调整各dataset中字段显示的名称,及表格中的位置等等,后面做的工作就可以很灵活了,如添加LOOKUP字段及做统计等等工作了2005-10-25 jacky*NEW:旧的万能过滤感觉不太好使,所以换成了EHLIB自带的万能过滤,不知道好不好用...

关于文字在表格中的组合求拆解合并公式如何把字母和数字分开? 把分散在各单元格的内容合在一个单元格中多个工作表的单元格合并计算【条件自定义格式】通过条件格式将小计和总计的行设为不同的颜色如何实现这样...

2.3.6 颜色设置 .............................................................................................................................18 2.3.7 移动侦测 ............................................

【代码】PHPExcel单独设置（高亮）单元格部分文字字体颜色。