代码如下:
<!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="" class="teathumb"> </div> <div class="pop-content-right"> <p>资源网：<a href="http://www.molure.cn"><b>www.molure.cn</b></p></a> <p>博客：<a href="www.molure.cn"><b>www.molure.cn</b></p></a> <p>更多源码代码<a href="http://www.molure.cn"><b>www.molure.cn</b>每天更新QQ技术资源</p></a> </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>
© 版权声明
内容转载于网络，请读者自行鉴别
THE END
