<!DOCTYPE html>
<head>
<meta charset="utf-8">
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html" />
<![endif]-->
<!--下三行不可删-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="http://cdn.jybkw.cn/jquery-1.8.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jybkw.cn/jquery-1.8.0.min.css" >
</head>
<body>
<!--点击按钮-->
<center><br><br><br>
<a href="javascript:void(0)" class="click_pop">点击显示弹出框</a>
</center>
<!--遮罩层-->
<div class="bgPop"></div>
<!--弹出框-->
<div class="pop">
<div class="pop-top">
<h2>网站介绍</h2>
<span class="pop-close">Ｘ</span>
</div>
<div class="pop-content">
<div class="pop-content-left">
<img src="" alt="" class="teathumb">
</div>
<div class="pop-content-right">
<p>蓝魅网络：<a href="http://www.lmeim.cn"><b>www.lmeim.cn</b></p></a>
<p>淘优惠购：<a href="http://tao.lmeinet.cn"><b>tao.lmeinet.cn</b></p></a>
<p>在线音乐：<a href="http://https://www.lmeim.cn/api/music/"><b>www.lmeim.cn</b></p></a>
<p>微短视频：<a href="http://https://www.lmeim.cn/api/video/pc.html"><b>www.lmeim.cn</b></p></a>
<p>全网影视：<a href="http://https://vi.lmeinet.cn/"><b>https://vi.lmeinet.cn</b></a></p>
</div>
</div>
<div class="pop-foot">
<input type="button" value="关闭" class="pop-cancel pop-close">
<a href="/" class="click_pop">进入</a>
</div>
</div>
<script>
$(document).ready(function () {
$('.pop-close').click(function () {
$('.bgPop,.pop').hide();
});
$('.click_pop').click(function () {
$('.bgPop,.pop').show();
});
})
</script>
</div>
</body>
</html>
版权声明：本文内容来源于互联网资源，由 蓝魅网络 整理汇总，如有侵权请您与我们联系删除！
其他声明：如未标明出处，所有文章均为蓝魅网络原创，转载请务必保留本文链接，感谢您支持。
蓝魅网络 » 简单点击按钮弹出弹窗公告js代码
其他声明：如未标明出处，所有文章均为蓝魅网络原创，转载请务必保留本文链接，感谢您支持。
蓝魅网络 » 简单点击按钮弹出弹窗公告js代码
