点击按钮弹出菜单

来源:互联网 发布:java编写工具 编辑:程序博客网 时间:2024/05/17 04:57

代码如下:

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