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>
  • 相关阅读:
    Docker
    Alfred Workflow
    AWS Lambda
    XPath
    WebMagic
    Splash
    Selenium
    代理服务器
    JSONPath
    Sqlserver 查询分组 记录
  • 原文地址:https://www.cnblogs.com/chenmiaosong/p/8192819.html
Copyright © 2011-2022 走看看