点击按钮弹出菜单

最新推荐文章于 2022-06-16 21:59:09 发布

milijiangjun

最新推荐文章于 2022-06-16 21:59:09 发布

阅读量2.6k

点赞数

分类专栏： # html5

本文链接：https://blog.csdn.net/milijiangjun/article/details/78643108

版权

html5 专栏收录该内容

232 篇文章 4 订阅

订阅专栏

代码如下：

<html>
<head>
<meta charset="utf-8">
<style>
div {
    width:60px;
    height:60px;
    text-align:center;
    border:1px solid #000;
}
#menu {
    position:absolute;
    left:0;
    top:20%;
}
</style>
</head>
<body>
<div id="pop">我是提示</div>
<div id="menu">我是菜单</div>
   <script type="text/javascript" src="jquery-1.12.4.min.js" ></script>
<script>
$(function(){
    return $("#menu").hide(), $(document).click(function(){
        return event.srcElement.id == "pop" ? $("#menu").show() : $("#menu").hide();
    });
});
</script>
</body>
</html>