首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • JS如何变换表格内指定格的背景颜色 [已结贴,结贴人:boing2000]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-20 00:02:39 楼主
    除每隔一行有不同的颜色外,还有除了第一列与最后一列为固定颜色。

    当鼠标在表格内移动时,鼠标当前表格行除第一列与最后一列颜色不变,当前行其它格都变换颜色。

    网上搜到的资料都是整行全都会动态变的,但我需要的是除第一列与最后一列不变,请问这个怎么实现?
    50  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • songpengasp
    • 等级:
    发表于:2008-05-20 09:31:561楼 得分:0
    第一列与最后一列不变

    -------------------------------

    最后单独设置这些单元格背景色试试
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • songpengasp
    • 等级:
    发表于:2008-05-20 09:50:562楼 得分:50
    HTML code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script language="javascript"> function m_over(tr) { tr.bgColor = "#FF0000"; } function m_out(tr) { if(tr.rowIndex%2==0) { tr.bgColor = "#007FFF"; } else { tr.bgColor = "#007F00"; } } </script> </head> <body> <table width="600" border="0"> <tr bgcolor="#007FFF" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007F00" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007FFF" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007F00" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007FFF" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007F00" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007FFF" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007F00" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007FFF" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007F00" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007FFF" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> <tr bgcolor="#007F00" onmouseover="m_over(this)" onmouseout="m_out(this)"> <td bgcolor="#A0A0A4">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td bgcolor="#A0A0A4">&nbsp;</td> </tr> </table> </body> </html>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-21 00:25:253楼 得分:0
    GOOD BOY!!! THX~~
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    世纪乐知(北京)网络技术有限公司 版权所有 京 ICP 证 020026 号
    Copyright © 2000-2007, CSDN.NET, All Rights Reserved