公示公告信息弹窗提示(一天只弹一次)

简介: 公示公告信息弹窗提示(一天只弹一次)

公示公告信息弹窗提示(一天只弹一次)



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>弹窗提示</title>
<style type="text/css">
  *{
    margin:0;
    padding:0;
  }
  .alert_windows{
    display:none;
    position:absolute;
    z-index:10;
    width:400px;
    height:300px;
    background:#566F93;
  }
  .alert_windows span{
    float:right;
    width:30px;
    height:30px;
    text-align:center;
    font:15px/30px Microsoft Yahei;
    cursor:pointer;
    color:#333;
    background:lightblue;
  }
  .alert_windows span:hover{
    color:#EEE;
    background:red;
  }
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
  $(function(){
    if($.cookie("isClose") != 'yes'){
      var winWid = $(window).width()/2 - $('.alert_windows').width()/2;
      var winHig = $(window).height()/2 - $('.alert_windows').height()/2;
      $(".alert_windows").css({"left":winWid,"top":-winHig*2}); //自上而下滑出
      $(".alert_windows").show();
      $(".alert_windows").animate({"left":winWid,"top":winHig},1000);
      $(".alert_windows span").click(function(){
        $(this).parent().fadeOut(500);
        //以天为单位
        //$.cookie("isClose",'yes',{ expires:1/8640});  //测试十秒
        $.cookie("isClose",'yes',{ expires:1});   一天
      });
    }
  });
</script>
</head>
<body>
<div class="alert_windows">
  <span>X</span>
</div>
</body>
</html>
目录
相关文章
|
6月前
|
前端开发 JavaScript Java
新闻发布项目——访问温馨提示
新闻发布项目——访问温馨提示
|
6月前
好看到爆炸的弹窗公告源码
好看到爆炸的弹窗公告源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,
76 1
好看到爆炸的弹窗公告源码
|
6月前
|
数据可视化 BI API
无纸化登记二维码应用方案:扫码填写表单,信息收集无纸化
日常生活中的申请表、签到表、报名表等纸质表格,收集到的信息常常不规范,可以搭建用于信息收集的二维码应用,通过扫码填写电子表单的方式,实现核销、业务申请、内部审批等场景的无纸化登记,并能将填写的信息导出为Excel表格存档。
191 0
|
Java 调度 Spring
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(三)
接下来,就是来开发我们的投诉受理管理模块了…..我们来看看原型图与需求吧
211 0
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(三)
|
JSON 前端开发 JavaScript
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(二)
接下来,就是来开发我们的投诉受理管理模块了…..我们来看看原型图与需求吧
197 0
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(二)
|
SQL JSON 前端开发
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(四)
接下来,就是来开发我们的投诉受理管理模块了…..我们来看看原型图与需求吧
238 0
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(四)
|
Java 数据库连接 数据库
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(一)
接下来,就是来开发我们的投诉受理管理模块了…..我们来看看原型图与需求吧
218 0
纳税服务系统七(投诉管理模块)【显示投诉信息、处理回复、我要投诉、Quartz自动受理、统计图FusionCharts】(一)
|
运维 自然语言处理
mPaaS 2021 年春节假期服务公告
7×​24 全天不打烊,安心过年我们在线❤
629 0
mPaaS 2021 年春节假期服务公告