zoukankan      html  css  js  c++  java
  • 实现 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>
  • 相关阅读:
    第一次开发分享的经验教训
    开发人员的 Linux 命令学习清单
    代码质量基本准则
    职业发展思考(二)
    软件调试的基本技巧
    多数据源的动态配置与加载使用兼框架交互的问题调试
    对象与并发:概述
    编程模式: 回调
    创新式开发探索(一) —— 开篇
    Linux 命令学习示例: tr
  • 原文地址:https://www.cnblogs.com/jyk/p/1255077.html
Copyright © 2011-2022 走看看