js网站弹窗公告源代码

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=""  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
喜欢就支持一下吧
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容

随即推荐
《周鸿祎自述我的互联网方法论》读书笔记PPT-H5资源网

《周鸿祎自述我的互联网方法论》读书笔记PPT

《周鸿祎自述我的互联网方法论》读书笔记ppt pptX 大小:983KB 日期:2021-03-20 效果:静态 下载地址1 下载地址2
1年前
05312
专升本英语10小时救命班课程-H5资源网

专升本英语10小时救命班课程

课程介绍 专升本英语10小时救命班精选高频考点,系统梳理听、说、读、写技能;重点突破语法、词汇、阅读理解等难点;提供模拟题和答疑,全面备战考试;时间灵活,高效提升英语水平。让你在有限...
1年前
04812
人文关怀与优质护理PPT模板-H5资源网

人文关怀与优质护理PPT模板

人文关怀与优质护理模板。一套医疗护理类幻灯片主题,简约清新。 分类:医学医疗下载:11864次 比例:宽屏16:9 页数:24页 格式:
1年前
0459
苹果笔记本重装系统教程-H5资源网

苹果笔记本重装系统教程

工具/原料:系统版本:mac系统品牌型号: MacBook Pro 方法/步骤:苹果笔记本重装系统教程:
1年前
03115

东南亚非法赌博、虚拟资产与跨国犯罪链条:剖析加密市场中的洗钱手法与合规风险

来源:Aiying Payment Compliance 东南亚正逐渐成为全球加密资产市场的新兴力量,但在辉煌的增长背后,这片土地也逐渐演变为跨国犯罪集团洗钱和网络欺诈的“实验场”。 根据联合国毒品与犯罪问...
5天前
0328
言语秒杀十五绝技理解与表达-H5资源网

言语秒杀十五绝技理解与表达

理解与表达是语言自己的两种运动方式。实践中,人们对于这两种运动方式的表述和认识还存在着偏差,语言意识就是在于表达它自己,课程将带你学习言语专项表达能力。
1年前
0388
ghost备份系统步骤详解-H5资源网

ghost备份系统步骤详解

电脑出现系统故障是一个很正常的现象,ghost在系统出问题时可以帮助我们恢复系统,接下来就教给大家怎样用ghost备份系统。大家一起来学习一下吧。
1年前
04010
360一键重装系统怎么样呢-H5资源网

360一键重装系统怎么样呢

360系统重装大师,它是一款绿色的、实用的系统重装工具。而且使用该软件来进行重装系统时,使用非常简单,而且功能还很强大,采用了差异文件覆盖式重装,所需下载的文件较少,那么360系统重装大师...
1年前
0435

高级女生低调又好看的部位图大全 你以为他不喜欢你实际上他还很烦你

你只是以为他不喜欢你,所以你拼劲全力的想对他好,他接受了你的好,却在人后嘲讽你很烦。
1年前
02711
掌握ozon跨境电商系列全套学习课-H5资源网

掌握ozon跨境电商系列全套学习课

本课程旨在帮助学员全面了解ozon跨境电商平台。学员将学习注册入驻流程、产品上架技巧、营销推广等内容,深入探讨跨境电商运营的关键要点,为其进军俄罗斯市场提供指导与支持。
6个月前
03613