zoukankan      html  css  js  c++  java
  • 隔行变色加高亮显示

    1.获取奇数行和偶数行

    2.设置不一样的颜色

    3.鼠标进入设置其他颜色

    4.移开恢复正常或者鼠标进入重新设置隔行变色覆盖之前操作

    $(function () {
                //高大上隔行变色
                fn();
                //鼠标进入高亮显示
                $("ul li").mouseover(function () {
                    fn();
                    $(this).css("background","red");
                });
    
                //隔行变色
                function fn(){
                    $("ul li:odd").css("background","skyblue");
                    $("ul li:even").css("background","yellowgreen");
                }
            });
        </script>
    </head>
    <body>
        <ul>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
            <li>以色侍人,色衰而爱驰也;以才侍人,才进得久,互赏而终...</li>
        </ul>
  • 相关阅读:
    四、面向对象分析和设计全流程概述
    三、三大核心特征-继承
    二、三大核心特征-多态
    [第三章]一、三大核心特征-封装
    四、抽象类
    三、接口
    二、对象
    [第二章]一、类
    六、面向对象的迷思
    五、面向对象的应用范围
  • 原文地址:https://www.cnblogs.com/rainbowupdate/p/12574609.html
Copyright © 2011-2022 走看看