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>
  • 相关阅读:
    bsgs整理
    一个数的(勾股数)组
    bzoj4709 柠檬 单调栈,DP,斜率优化
    bzoj 3437 小p的农场
    luoguP4072 [SDOI2016]征途
    结构体/构造函数初始化
    UVA1103 古代象形符号 Ancient Messages 题解
    原创100篇文章祭
    UVA297 四分树 Quadtrees 题解
    stack用法,queue用法,
  • 原文地址:https://www.cnblogs.com/rainbowupdate/p/12574609.html
Copyright © 2011-2022 走看看