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>
  • 相关阅读:
    python json模块 pickli模块
    python sys模块
    python os模块
    python random模块使用
    react项目搭建
    PHP开发环境及搭建
    Vue2之页面 、js 、css分离
    Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
    Uncaught Error: Bootstrap's JavaScript requires jQuery
    Mongoose: mpromise (mongoose's default promise library) is deprecated, plug in your own promise library instead: http://mongoosejs.com/docs/promises.html
  • 原文地址:https://www.cnblogs.com/jyk/p/1255077.html
Copyright © 2011-2022 走看看