我的定位：中高级人才（框架熟练、Java语法精通、数据库会用、Linux会用、中间件会用、有大数据经验！）
开始，我以为自己什么都知道。后来发现，其实我什么都不知道。

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

 

posted @ 2017-03-24 22:48  想太多先森  阅读(2666)  评论(0)  编辑  收藏  举报