zoukankan      html  css  js  c++  java
  • jquery 下拉菜单

    <div class="wrap">
    <ul>
    <li>
    <a href="javascript:void(0);">一级菜单1</a>
    <ul class="ul">
    <li><a href="javascript:void(0);">二级菜单11</a></li>
    <li><a href="javascript:void(0);">二级菜单12</a></li>
    <li><a href="javascript:void(0);">二级菜单13</a></li>
    </ul>
    </li>
    <li>
    <a href="javascript:void(0);">一级菜单2</a>
    <ul>
    <li><a href="javascript:void(0);">二级菜单21</a></li>
    <li><a href="javascript:void(0);">二级菜单22</a></li>
    <li><a href="javascript:void(0);">二级菜单23</a></li>
    </ul>
    </li>
    <li>
    <a href="javascript:void(0);">一级菜单3</a>
    <ul>
    <li><a href="javascript:void(0);">二级菜单31</a></li>
    <li><a href="javascript:void(0);">二级菜单32</a></li>
    <li><a href="javascript:void(0);">二级菜单33</a></li>
    </ul>
    </li>
    </ul>
      </div>

    <script>
    $(function () {
    var $li=$(".wrap>ul>li");
    //给li注册鼠标经过事件,让自己的ul显示出来
    $li.mouseover(function () {
    $(this).children("ul").stop().slideDown();//jq 转换 DOM
    });
    $li.mouseout(function () {
    $(this).children("ul").stop().slideUp();
    });
    });
    </script>
  • 相关阅读:
    2020 Python组蓝桥杯
    Servlet学习
    Tomcat学习
    数据库连接池
    MySQL的设计
    时间复杂度————被list.insert坑了
    PCA 算法核心:高维度向量向低维度投影
    初识Django,了解一下大概流程
    python编程基础之三十八
    python编程基础之三十七
  • 原文地址:https://www.cnblogs.com/lujieting/p/10099417.html
Copyright © 2011-2022 走看看