如何设置div弹窗一天内只弹出一次 js

 时间:2024-10-12 16:42:31

1、要实现弹窗一天只弹一次,需要依靠cookie来实现。而使用原生javascript操作cookie,代码会稍显复杂,所以这里借助枣娣空郅jquery来实现。首先下载jquery.js和jquery.cookie.js两个文件(也可以直接引用其它网站上的这两个文件)。

如何设置div弹窗一天内只弹出一次 js

3、再为div标签添加一个css样式pop_windows,并在<head>标签中加入相关样式的定义,实现div层初始时不可见。可见状态下div层的CSS效果如下:

如何设置div弹窗一天内只弹出一次 js如何设置div弹窗一天内只弹出一次 js

5、在<script>标签对中,加入span标签的点击事件:点击关闭(隐藏犬匮渝扮)父对象,并写cookie,其中$.cookie("isClose",'yes',{expires:1}) 表示在cookie中写入一对键值(键为isClose,值为yes),键值的有效期为1天,即第二天这个键值失效。

如何设置div弹窗一天内只弹出一次 js

7、保存后,在浏览器中运行效果如下图,每天只弹出一次div层。大家可以根据需要,增加弹出层的弹出效果或让弹出层更加美观。

如何设置div弹窗一天内只弹出一次 js
  • mysql的ODBC驱动如何下载及安装
  • IBM SPSS Statistics 25怎么关闭启用自动脚本
  • 小程序如何缓存数据到本地
  • QQ音乐怎么关闭底栏直播功能
  • 如何利用JavaScript方法对数组元素进行反转
  • 热门搜索
    海南旅游报价 海边旅游去哪里好 摄影旅游团 中国红色旅游 雁鸣湖旅游度假村 韶山旅游景点 呼伦贝尔旅游局 旅游攻略下载 新疆特色旅游 南京市旅游地图