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

xizhongliu 2003-10-15 02:04:03

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

...全文

68 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自带的万能过滤,不知道好不好用...

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

【课程内容】所涉及的具体内容包括输入录入技巧、排序、筛选、函数公式、数据透视表、图表、汇总等功能应用，并结合大量的企业应用实例，以互动的方式将解决思路和操作过程逐一呈现。【课程特点】1、190节大容量课程：包含了Excel软件的大部分知识点；2、创新的教学模式：手把手教您电子表格，一看就懂，一学就会；3、完美贴心的操作提示：让您的眼睛始终处于操作的焦点位置，不用再满屏找光标；4、语言简洁精练：瞄准问题的核心所在，减少对思维的干扰，并节省您宝贵的时间；5、视频短小精悍：即方便于您的学习和记忆，也方便日后对功能的检索；【互动教程的特点】•互动性-首创互动式学习，不同于以往的任何一种学习方式，不看视频不看书，轻松，高效，好玩-手把手教学，一步步引导操作，实时看到效果，就像自己在操作一样，信心满满-即点即学，课程内可根据自己的需要，随时调整界面上方进度条，重复操作，加强记忆-强大的学习跟踪系统，对整体学习进度一目了然，及时调整学习计划，查疑补漏•人性化-界面设计简洁，操作简单，没有繁琐的按钮，一点就可直接进入学习状态-贴心小提示，读懂你的小心思，零基础快速入门，学习无压力，不尴尬-超多原理解析，疑问解答，如同专业Excel导师亲身指导，不翻书快速记忆，Excel小白迅速成长•实用性-课程由浅入深，操作过程详细剖析，一步步模仿，马上就会做。-涉及排序、筛选、函数公式、数据透视表、图表、汇总等核心功能的课程编排，通俗易懂不头疼-互动+观看视频，两种学习方式切换，上班路上，地铁里享受随时随地自由学习通过本课程的学习，您将逐步掌握Excel 2016的各项功能和使用技巧。从而提高您的办公效率，早做完，不加班！！！