jQuery - 制作点击显示二级菜单效果

本文转载自查看原文 2017-03-24 22:48 2120 基础知识/ 代码实现/ jquery

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>制作子菜单</title>
    <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function(){

            $("h2").click(function(){
                $(this).next("ul").css("display","block").addClass("nav");
                $($("li")[0]).css("background-color","#ccc");
            });
        })
    </script>
    <style type="text/css">
        .nav li{
            font-size:14px;
            font-weight:bold;
            line-height: 24px;
        }
    </style>
</head>
<body>
<h2>新手指南</h2>
<ul style='display:none'>
    <li><a href="#">会员注册</a></li>
    <li><a href="#">订阅更新</a></li>
    <li><a href="#">用户协议</a></li>
    <li><a href="#">常见问题</a></li>
</ul>

</body>
</html>

制作点击显示二级菜单效果.html

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jquery实现后台系统左侧菜单的点击展开/收缩二级菜单效果 jQuery_显示和隐藏（二级菜单） javascript 特效实现(3)—— 鼠标滑过显示二级菜单效果基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单 jquery实现二级菜单 jquery写二级菜单 Selenium操作示例——鼠标悬停显示二级菜单，再点击二级菜单或下拉列表 jquery导航栏高亮（二级菜单点击一级保持高亮）制作二级下拉菜单 js点击出现二级菜单，点击二级菜单主菜单换成二级菜单