本文给大家分享的是使用javascript实现的一个简单的弹出窗的代码，非常的简单实用，有需要的小伙伴可以参考下
功能介绍：点击一个按钮，然后页面会弹出一个窗口，而页面原来的内容会保持不变，只是在其页面上加了一个遮罩层，设置了不透明度，弹出的窗口可设置在固定位置，也可以自由设定，常见于网站的登录按钮。
html页面：
js实现一个弹出框 /*预先写好弹出窗的样式*/ #menu{height: 900px;} #close{ width:30px; height:30px; cursor:pointer; position:absolute; right:5px; top:5px; text-indent:-999em; background-color:blue; } #mask{ background-color:pink; opacity:0.5; filter: alpha(opacity=50); position:absolute; left:0; top:0; z-index:1; } #login{ position:fixed; z-index:2; } .loginCon{ position:relative; width:670px; height:380px; /*background:url(img/loginBg.png-600) #2A2C2E center center no-repeat;*/ background-color: #ccc; }
js代码：
以上就是javascript实现一个简单的弹出窗的详细内容，更多请关注本站其它相关文章！
