layer用法

layer.open({
 type: 2,
           title: false,
           shadeClose: true,
           shade: false,
         
           maxmin: false, //开启最大化最小化按钮
           area: ['640px', 'auto'],
content : ['/include/confirmLayer1.html','no']

});


var  index = parent.layer.getFrameIndex();
parent.layer.close(index);

function openRechargeTip() {

var x = $("#popboxTip").html();
layer.open({
type : 1, //page层1//iframe2
area : [ '640px', 'auto' ],
border : [ 0 ],
closeBtn : [ 0 ],
shadeClose : false,
bgcolor : '',

title : false,
shade : 0.6, //遮罩透明度
moveType : 1, //拖拽风格,0是默认,1是传统拖动
shift : 1, //0-6的动画形式,-1不开启
content : x
})
}    

 <!--温馨提示弹出窗-->
<div id="popboxTip" class="demo">
<h3 class="popbox-title">
<span>I</span>温馨提示 <a href="javascript:void(0);" οnclick="closeRechargeTip()"
class="tan-shut"></a> 
</h3>
<div class="wentip-inner">
<p>请在充值页面中完成充值操作,充值失败建议换银行充值或拨打#{configHome.getConfigValue("site_phone")}电话咨询</p>
<p>
<a href="javascript:VerificationSuccess();" class="btn-orange">充值成功</a>
<a href="javascript:;" class="btn-green  layui-layer-close">关闭窗口</a>
</p>
</div> 
</div>
<!-- 隐藏域 -->


<style type="text/css">
a.tan-shut {
width: 23px;
height: 23px;
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
background: #5ea8e7;
}




.wentip-inner p {
text-align: center;
font-size: 14px;
padding: 20px 0 20px;
color: #474747;
}




.popbox-title {

height: 40px;
line-height: 40px;
position: relative;
font-size: 17px;
cursor: default;
color: #FFFFFF;
background: #5ea8e7;
}


.popbox-title span {
display: inline-block;
width: 19px;
height: 19px;
line-height: 19px;
margin-right: 8px;
margin-left: 15px;
font-weight: normal;
text-align: center;
background-color: #ffffff;
font-size: 18px;
color: #5ea8e7;
border-radius: 2px;
}


.popbox-title .close {
display: block;
width: 21px;
height: 19px;
position: absolute;
top: 15px;
right: 15px;
}
a.btn-green {
text-decoration:none;
display: inline-block;
*display:inline;
*zoom:1;
padding: 1.5% 5px;
background: #28a46e;
border-radius: 2px;
color: #ffffff; 
margin-left: 20px;
}
a.btn-orange {
text-decoration:none;
display: inline-block;
*display:inline;
*zoom:1;
padding: 1.5% 5px;
background: #ffb200;
border-radius: 2px;
color: #ffffff;
margin-left: -70px;
}
</style>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值