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

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title></title>
    
            <script src="jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
    
            <script type="text/javascript">
                // 入口函数
                $(document).ready(function() {
                    var jqLi = $("li");
                    var jqLiOdd = $("li:odd");
                    var jqLiEven = $("li:even");
    
                    jqLiOdd.css("background-color", "yellow");
                    jqLiEven.css("background-color", "red");
    
                    // 记录颜色
                    var color;
                    // 鼠标进入变色
                    jqLi.mouseenter(function() {
                        color = $(this).css("background-color");
                        $(this).css("background-color", "green");
                    })
    
                    jqLi.mouseleave(function() {
                        $(this).css("background-color", color);
                    })
                });
            </script>
    
            <style type="text/css">
                li {
                    margin: 10px;
                }
            </style>
        </head>
        <body>
            <li>我是中国人</li>
            <li>我是中国人</li>
            <li>我是中国人</li>
            <li>我是中国人</li>
            <li>我是中国人</li>
            <li>我是中国人</li>
        </body>
    </html>
    image
  • 相关阅读:
    Android新手引导库推荐
    windbg 常调用指令
    通过Hook NtOpenProcess 函数实现反调试
    PE文件
    消息机制
    软件调试
    异常(2) --- 编译器对于SEH异常的拓展
    异常(1)
    等待对象
    进程与线程
  • 原文地址:https://www.cnblogs.com/zhangxuechao/p/13798398.html
Copyright © 2011-2022 走看看