js实现遮罩层弹出框的方法

前端之家收集整理的这篇文章主要介绍了js实现遮罩层弹出框的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了js实现遮罩层弹出框的方法分享给大家供大家参考。具体分析如下:

昨天公司网站需要弹窗提示一些信息,要我在把弹窗的js代码和弹窗窗口html写在一起哪里需要就调用

不说那么多了,直接上代码,感觉肯定会有兼容问题,看到了请指出啊:

代码如下:
#H-dialog{display:none;position:absolute;z-index: 9999999;width:400px;height: auto; background-color: #fff;} #H-dialog .close{float:right;font-size: 30px;margin-right: 10px;margin-top:5px;cursor:pointer;} #H-dialog .title{height: 40px;padding-left:10px; font-size:20px; line-height:40px;} #H-dialog #msgCont{height:36px; margin: 30px 0 50px;padding-left: 65px;font-size: 25px;line-height: 36px;vertical-align: middle; background: url(../Images/ui_alert.png) no-repeat 20px 50%;}
提示
内容

希望本文所述对大家的javascript程序设计有所帮助。

猜你在找的JavaScript相关文章