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

最新推荐文章于 2022-05-16 22:36:31 发布

weixin_34384915

最新推荐文章于 2022-05-16 22:36:31 发布

阅读量240

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xtdxs/p/6613824.html

版权

<!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

转载于:https://www.cnblogs.com/xtdxs/p/6613824.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34384915

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery - 制作点击显示二级菜单效果

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>制作子菜单</title> <script type="text/javascript" src="./js/jquery-1....
复制链接

扫一扫