标签：me clickTR 演示 07 color 源码 background Table css

多行交替色，鼠标跟随，单击选中变色。

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

如果您想看源代码的话，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>

标签：me,clickTR,演示,07,color,源码,background,Table,css
来源： https://blog.51cto.com/u_15179455/2729755

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。