简单实现网页弹窗公告代码

阿新
2024-08-19 / 0 评论 / 17 阅读 / 搜一下 / 正在检测是否收录...
<script src="https://lib.baomitu.com/jquery/3.6.3/jquery.min.js"></script>
<script src="https://lib.baomitu.com/layer/3.5.1/layer.js"></script>
<script>
layer.open({
type: 1
,title: false //不显示标题栏
,closeBtn: false
,offset: '250px'
,area: '300px;'
,shade: 0.8
,id: 'LAY_layuipro' //设定一个id,防止重复弹出
,btn: ['<div style="font-size:14px;">我知道了</div>']
,btnAlign: 'c'
,moveType: 1 //拖拽模式,0或者1
,content: '<div style="padding: 15px 20px; line-height: 22px; background-color: #393D49; color: #fff; font-size:14px; font-weight: 300;">官方公告:<br>注意:近期假冒高仿网站较多,请务必选择正版代练平台,以免账户被盗!<br><br>代练活动火热开启,助力QQ等级快速升级。最高享受半价优惠!<br><a style="color:#ffeb00" href="https://a.sbu.cc/">[点我免费体验]</a><br><br>欢迎光临我爱代练官方网站,请牢记官网网址 www.52dg.cc <br>认准正版,您的信息安全守护从我做起!</div>'
,success: function(layero){
var btn = layero.find('.layui-layer-btn');
btn.find('.layui-layer-btn0').attr({
//href: ''
});
}
});
</script>
0

评论 (0)

打卡
取消