专注活动,软件,教程福利资源分享 - 总之就是网络那些事。

点击弹出弹窗公告js代码

小编 整站源码

点击弹出弹出公告代码,自行滥用修改

<!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">X</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.kkvps.cn"><b>www.kkvps.cn</b></p></a>
            <p>玖云博客:<a href="http://www.jybkw.cn"><b>www.jybkw.cn</b></p></a>
            <p>导航网:<a href="http://www.jiuyundh.cn"><b>www.jiuyundh.cn</b></p></a>
            <p>防红系统:<a href="http://fh.52y.fun"><b>fh.52y.fun</b></p></a>
            <p>论坛资源:<a href="http://www.hybbs.cn"><b>www.hybbs.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>

标签: 整站源码

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:179550809@qq.com

同类推荐
评论列表

未显示?请点击刷新