zoukankan      html  css  js  c++  java
  • 隔行变色

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-1.11.1.min.js"></script>
        <script>
            $(function () {
                //需求;隔行变色;鼠标放进去还要变色。
                var jqli1 = $("li:odd");
                var jqli2 = $("li:even");
                jqli1.css("background","red");
                jqli2.css("background","yellow");
    
                //鼠标进入变色,移开回复
                //计数器
                var color = "";
                $("li").mouseenter(function () {
                    color = $(this).css("background");
                    $(this).css("background","blue");
                });
                //移开恢复
                $("li").mouseleave(function () {
                    $(this).css("background",color);
                });
            });
        </script>
    </head>
    <body>
    
        <ul>
            <li>魂消香断玉环冷,锦裘绣帕不闻香.......</li>
            <li>魂消香断玉环冷,锦裘绣帕不闻香.......</li>
            <li>魂消香断玉环冷,锦裘绣帕不闻香.......</li>
            <li>魂消香断玉环冷,锦裘绣帕不闻香.......</li>
            <li>魂消香断玉环冷,锦裘绣帕不闻香.......</li>
            <li>魂消香断玉环冷,锦裘绣帕不闻香.......</li>
        </ul>
    
    </body>
    </html>
  • 相关阅读:
    python3下import MySQLdb出错问题
    循环单链表
    双端链表
    单链表
    静态链表
    hotspot目录结构
    volatile分析
    centos7 python环境安装
    jconsole连接本地进程报安全连接失败
    redis分布式锁
  • 原文地址:https://www.cnblogs.com/chenmiaosong/p/8192819.html
Copyright © 2011-2022 走看看