实现 Table 的行交替颜色、选中行变色的一种方法。演示+源码

借用了一下园子里的新闻的标题 :) 使用css和js实现。

新闻标题

添加时间

人气

iPhone 3G拆解图

08-07-27

00,002

奥运核心资源被分食 搜狐央视网谁忽悠谁?

08-07-27

1,234,567

微软推增强浏览器插件IE7Pro 助IE一臂之力

08-07-27

00,123

智联招聘70%股权换1.1亿美元巨额融资

08-07-27

08,888

前Google员工推搜索引擎Cuill 3倍Google网页数

08-07-27

00,654

WCG中国区落幕 一代新人换旧人

08-07-27

00,003

如果您想看源代码的话,IE的菜单栏,查看>源文件,您就能看到了。

.css_Grid
{}{
    color:Black;
    background-color:#ffffee;
    border-color:#5D7B9D;
    border-width:1px;
    border-style:solid;
    width:100%;
    
}

.css_GridTR
{}{
    color:White;
    background-color:#5D7B9D;
    
}
td   
{}{
    font-size: 9pt;
    padding:3px;
}

.css_TR_c1
{}{
    background-color:#ffffee ;
    color:#000000;
}
.css_TR_c2
{}{
    background-color:#ffffaa ;
    color:#993300;
}

.css_TR_move
{}{
    background-color:#eaa ;
    color:#123456;
}

.css_TR_CK
{}{
    background-color:#ee0 ;
    color:#333333;
}
<script type="text/jscript" language="javascript">
        var clickClass = "";
        var moveClass = "";
        var clickTR ;
        var moveTR ;
        function Move(me)
        {
            if (clickTR != me)
            {
                if (moveTR != me)
                {
                    moveClass = me.className;
                    moveTR = me;
                    me.className = "css_TR_move";
                    //alert("a");
                }
            }   
        }
        
        function Out(me)
        {
            if (clickTR != me)
            {
                moveTR = null;
                me.className = moveClass;
            }
        }
        function Ck(me,dataID)
        {
            if (clickTR != me)
            {
                if (clickTR)
                {
                    clickTR.className = clickClass;
                }   
                clickTR = me;
                clickClass = moveClass;
            }
            //alert("您选择的记录ID:" + dataID);
            me.className = "css_TR_CK";
        }
    </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏deed博客

入侵美国国家安全实验室的黑客已被判处18个月徒刑

15630
来自专栏流星博客

安云?博光云?私人跑路IDC别信!

之前无意中关注了那个啥安云的QQ购物号,之前跑路的了IDC,然后最近看到发了一个说老代理加群赔偿,于是加进去了。于是看到以前那个安云老大小龙龙在群里一直宣传说老...

528300
来自专栏域名资讯

劲爆消息!中国投资人拿下“金币”jb.com

劲爆消息!劲爆消息!一金币域名jb.com漂洋过海,被中国投资人拿下!

243100
来自专栏域名资讯

多款数字域名结拍,776.com拍出9.85万元

最近,域名市场不少品相不错的数字域名结拍了,其中包括776.cn、51678.com、551155.com等。

20560
来自专栏域名资讯

短米ej.cn、iv.cn均以小六位结拍

  短域名在记忆和输入上有着不小的优势,一直是米市里备受青睐的品种。近日,有两枚二字母.cn域名纷纷结拍。

23850
来自专栏域名资讯

5声母域名备受欢迎 btczj.com 2万被秒

域名被秒、域名易主的消息并不常见,最近就有HY.com成功易主;ljj.com以七位数的价格卖终端等等等,近日,一5声母域名:btczj.com以一口...

19700
来自专栏全栈数据化营销

深度解析:1秒可以破解的100个密码,你中招了吗?

密码的安全性至关重要,一旦密码遭到破解或者泄露,都会造成严重的财务损失、个人隐私泄露、个人人身安全等等隐患。 随着黑客技术的发展,网络安全时间频繁发生,从年初的...

53580
来自专栏域名资讯

好米有好价! 两枚4字母域名均以五位数交易

4字母域名在域名圈里向来是备受关注的品种之一,其行情价一般不过小四位数,但近日,一枚四字母域名akij.com就以超32000元结拍。

246100
来自专栏Petrichor的专栏

组装台式机遇坑总结

  早期还写过一篇组装台式机的博客《如何自己组装电脑(从配件到整机)来省下一大笔钱》和一篇选择模组非模组的博客《电源:模组 & 非模组(一个码农眼中的 ...

24220
来自专栏域名资讯

域名投资高手木雨林又入手两枚拼音域名

拼音域名是指用汉字的拼音做域名的前缀,这样的好处是用户一看就明白这个域名的意思从而知道网站的内容,中文搜索引擎也对拼音域名很友好,拼音域名在关键字排...

36800

扫码关注云+社区

领取腾讯云代金券