所属分类:网页特效-对话框/灯箱/提示,悬浮层/弹出层
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="aesst/style.js"></script>
function aa(){
pop({
width:500,//提示窗口的宽度
height:200,//提示窗口的高度
title:'这是标题!',//提示窗口的标题
content:'这是提示信息'//提示窗口的内容
});
}
#mry-mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(45, 45, 45); z-index: 100; opacity: 0.2; display: none; background-position: initial initial; background-repeat: initial initial; }
#mry-opo { position: fixed; z-index: 7000; left: 50%; top: 50%; -webkit-box-shadow: 1px 1px 2px 2px #C1C1C1; box-shadow: 1px 1px 2px 2px #C1C1C1; }
#mry-opo-title { height: 30px; font-size: 14px; padding-left: 10px; line-height: 30px; background-color: #008CFF; color: #FFFFFF; font-weight: bold; }
#mry-opo-content { padding: 10px; }
<input class="bt" type="button" name="" id="btn" value="点击弹窗" onclick="aa()" />