zoukankan      html  css  js  c++  java
  • jQuery方法实现二级下拉菜单

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <script src="jquery-3.2.1.js" type="text/javascript"></script>
        <script src="二级菜单.js" type="text/javascript"></script>
        <link rel="stylesheet" href="blog%20css.css" type="text/css"/>
        <title>二级菜单</title>
    </head>
    <body>
            <div id="nav">
                <ul>
                    <li class="one"><a href="#">首 页</a>
                    </li>
                    <li class="one"><a href="#">新随笔</a>
                        <ul>
                            <li><a href="#">二级菜单二级菜单</a></li>
                            <li><a href="#">二级菜单</a></li>
                            <li><a href="#">二级菜单</a></li>
                        </ul>
                    </li>
                    <li class="one"><a href="#">留 言</a>
                        <ul>
                            <li><a href="#">二级菜单二级菜单</a></li>
                            <li><a href="#">二级菜单</a></li>
                            <li><a href="#">二级菜单</a></li>
                        </ul>
                    </li>
           </ul>
         </div>
    </body>
    </html>
    $(function () {
        $(".one").mouseover(function () {
            $(this).children("ul").show();
    
        })
        $(".one").mouseout(function () {
            $(this).children("ul").hide();
        })
    })

    未解决show()和hide()增加时间参数导致闪烁的问题。

  • 相关阅读:
    linux命令学习之:cd
    SSH原理与运用
    java遍历当前会话所有Session
    spring+quartz报错:Table 'XXXX.QRTZ_TRIGGERS' doesn't exist
    python检测编码
    python安装模块
    python网络爬虫
    系统编码 python编码
    python 中文路径
    python读取文件乱码
  • 原文地址:https://www.cnblogs.com/yzhweb/p/7362531.html
Copyright © 2011-2022 走看看