JqueryCookie为网站增加一个带有效期的弹出提示框-boke112联盟

搜一下搜索关闭本站首页 最新文章宝塔面板 建站经验 办公软件 最新资讯 海纳百川 博客网站 Plugins Themes WordPress ZBlogPHP 老薛主机 阿里云 腾讯云 5118优惠码 WPS专题 服务器专题 虚拟主机专题 活动推荐 最新文章 老薛主机 5118 阿里云 腾讯云 华为云 WPS专题 优惠活动  导航地图导航站内搜索 ——————    阿里云1核2G服务器87元/年  —————— 当前位置:boke112联盟海纳百川正文利用Jquery Cookie为网站增加一个带有效期的弹出提示框投稿  龙笑天下   2019-09-12 12:27:56 更新  海纳百川Cookies 是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户 ID、密码、浏览过的网页、停留的时间等信息。当你再次来到该网站时,网站通过读取 Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入 ID、密码就直接登录等等。从本质上讲,它可以看作是你的身份证。使用传统的 Javascript 来设置和获取 Cookies 信息很麻烦,要写上几个函数来处理,幸运的是 jQuery 帮我们做了很多事,借助 jQuery.cookie.js 插件,我们可以轻松的创建、获取和删除 Cookies。参数说明首先简要介绍下 jQuery.cookie.js 操作 cookie 的相关参数。1、创建 Cookie。使用 jQuery 设置 cookie 非常简单。如,我们创建一个名为“lxtx_example”,值为“lxt”的 cookie:$.cookie(“lxtx_example”, “lxt”);要设置 cookie 的有效期,可以设置 expires 值,如设置 cookie 的过期时间为 10 天:$.cookie(“lxtx_example”, “lxt”,{expires:10});设置 cookie 一小时后过期:var cookietime = new Date();cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie 保存一小时 $.cookie(“lxtx_example”, “lxt”,{expires:cookietime});要设置 cookie 的保存路径,可以设置 path 值,如设置路径为网站根目录,这代表网站所有网页都能互相读取 cookie:$.cookie(“lxtx_example”, “lxt”,{path:”/”});如果要设置路径为 /admin,则代表仅 admin 目录下的页面能相互读取 cookie:$.cookie(“lxtx_example”, “lxt”,{path:”/admin”});2、获取 Cookie 值。使用 jQuery 获取 cookie 的值的方法那是相当的简单,下面是显示名为“lxtx_example”的 cookie 的值:$.cookie(“lxtx_example”);3、删除 Cookie。使用 jQuery 删除 cookie,成功删除 cookie 会返回 true,否则返回 false:$.removeCookie(lxtx_example);实例应用了解了 cookie 相关设置操作方法后,接下来龙笑天下就用实例来演示 cookies 的应用,相信细心的盆友也发现了,每天首次打开龙笑天下站点时右下角会弹出一个小提示弹出框:1、引入 jQuery 及 jQuery.Cookie.js。对于 WordPress 来说,一般主题都已经引入了 jquery,因此只需要引入 jquery.cookie.js:注:jQuery 文件引入要在插件 jquery.cookie 前,因为 jquery.cookie 插件依赖 jquery  类库!$(function() {    if($.cookie(“lxtx_sitetips_cookie”)!=1){        $(.site-tips).show();    }});$(.site-tips .close).on(click,function(){    $(.site-tips).hide();    $(function() {        $.cookie(lxtx_sitetips_cookie, 1, { expires: 1 });    });});2、在网页 body 的闭合标签  前加入如下 html:        Tips:本周内所有访客的头像全改为首字符(包括汉字和字母),登录以后更精彩哦~。3、引入 css:.site-notice,.site-tips {    position: fixed;    z-index: 999;    display: none;    bottom: 0;    right: 0;    width: 250px;    height: auto;    background: #fff;    color: #999;    border-radius: 3px 0 0 0;    padding: 25px;    box-shadow: 0 0 12px rgba(0,0,0,.1)}.site-notice .close,.site-tips .close {    position: absolute;    right: 0;    top: -20px;    background: #fff;    opacity: 1;    color: #999;    width: 25px;    height: 25px;    text-align: center;    border-radius: 3px 0 0 0}至此,一个完整的实例完成了,更多应用就请大家自行去发挥吧~参考资料Jquery.cookie.js 的 Github 官网使用 Javascript 控制 Cookie 关闭大背景 (adsbygoogle = window.adsbygoogle || []).push({});温馨提示:文章内容仅代表作者个人观点,不代表boke112联盟赞同其观点和对其真实性负责!版权声明:本文为投稿文章,感谢 龙笑天下 的投稿,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请与老古(QQ:2226524923)联系,老古将及时更正、删除,谢谢!文章标签:实用教程 ,  站长折腾 ,  站长经验 ,  更多热门标签您可能感兴趣的文章浅谈站点内容、网站环境选择和前中后期如何盈利 如何给WordPress博客网站添加评论输入特效 纯代码实现WordPress添加评论表情(心情)的教程 利用WordPress短代码给文章添加卡片式内链教程 WordPress文章发布时弹出确认发布对话框功能 文章重复收录comment-page-1与replytocom解决方案 解决emlog百度链接自动推送重复提交问题 纯代码实现WordPress有新评论时微信提醒管理员 多说个性化广告位:让不同UA为你推荐不同的项目 新手建立个人博客网站后如何提高回访率? 网站加载过程中Waiting(TTFB)时间过长的解决过程 如何利用热点新闻词实现引流日IP增加2万+如果文章对你有帮助,请赞赏支持作者继续创作! NEXT主题折腾感想——需要头脑灵活忌呆板 PREVIOUS百度熊掌号是自媒体的新风口?龙笑天下  一个分享悲伤,共享快乐的网站!分享优秀实用的软件和代码,精彩的视频等互联网资…我要投稿(adsbygoogle = window.adsbygoogle || []).push({});本文所属分类最新文章阿里云盘公测福利码“上云上阿里云”获500GB容量,另附多个福利码 微博头条文章怎么发?附电脑新旧版微博和APP发头条文章教程 租用尊云热门香港免备案云服务器一个月大概需要多少钱? UCloud云分发CDN超值特惠活动,100GB仅需1元,不限使用时长 UCloud云服务器等云产品春季特惠活动,爆款1C2G首年88元起 尊云5折优惠活动:香港云服务器4核8G3M低至161元 UCloud台北快杰型云服务器优惠活动低至80元/年 UCloud云服务器全球促销1折起,1核2G云服务器低至79元/年 尊云服务器如何赚钱?建议成为尊云推荐大使推广赚钱 尊云限时优惠抢购活动,5核8G5M服务器首购和续费低至138.6元 注册尊云账号即可送1000元现金券(代金券),可用于新购和续费 尊云账号如何注册及怎样完成个人实名认证?丛中笑发表于2017-11-13 06:23  20楼写的专业啊!学习一下。很想在boke112上投稿一篇,不知道如何申请的详节。懿古今2017-11-13 08:47 @丛中笑[惊讶] 本站侧边栏都有征稿启事的图片广告,点击进去就可以看到想要的收稿要求沈唁志发表于2017-11-11 20:54  19楼学习了 很不错星岩博客发表于2017-11-11 19:56  18楼博客弄了个读者墙,发现boke112是金牌读者,翻了翻曾经的博客,发现好多博客都已阵亡了。不得不感叹,兴趣是唯一动力。时间久了,过来看看老朋友。懿古今2017-11-12 17:21 @星岩博客现在网站一般超过半年的都很了不起,大部分都是在3个月左右就挂了,所以我们能够坚持下来都不容易啊BanYuner发表于2017-11-11 17:29  17楼利用cookie给用户提示是不错的选择,避免了多次提示雅兮网发表于2017-11-11 11:47  16楼这个非常的赞,关于cookies这块 很少应用,可以从这个开始切入学习99八十一发表于2017-11-10 23:30  15楼折腾下,体验应该不错,个人站估计不实用。丛中笑发表于2017-11-10 22:21  14楼太专业业了啊!👍跨境电商培训发表于2017-11-10 20:15  13楼非常不错!!!!土鳖哥发表于2017-11-10 14:15  12楼好像这个很实用,很有用我爱动感单车网发表于2017-11-10 13:21  11楼真心弄不来这些技术活。万正远洋发表于2017-11-10 12:04  10楼这个会不会引起用户的反感呢?搭配博主发表于2017-11-10 11:26  9楼已配置,感谢分享!橘子书发表于2017-11-10 10:33  8楼部署步骤略多,萌新渴望DALAO能够再发个更简单的方法!明月登楼2017-11-10 11:43 @橘子书呵呵,涉及到JS的一般都麻烦一些!所以,我一看到JS代码就头大!龙笑天 作者回复2017-11-10 13:45 @橘子书dalao,这还步骤多啊 [懒得理你] PS:吃鸡 你都丞相了啊~趣果网发表于2017-11-10 10:27  7楼一个不懂技术的站长,来学习学习。龙笑天发表于2017-11-10 09:49  6楼妈蛋的,这个貌似在我火狐上有点小问题…明月登楼2017-11-10 15:11 @龙笑天各个浏览器对JS的支持好像都不统一的,所以我现在一般都折腾JS方面的代码! [惊讶]前沿网发表于2017-11-10 09:23  5楼博主很勤奋啊,7点多就开发发文了!万正远洋2017-11-10 15:10 @前沿网难道你没有听说过“定时发布”嘛? [阴险]靠谱学生兼职网发表于2017-11-10 09:21  4楼这个好像我有用过。辩论吧发表于2017-11-10 09:13  地板研究的够细啊明月登楼发表于2017-11-10 08:53  板凳在龙龙的站里看到过!还没有仔细研究!小苍老师发表于2017-11-10 08:06  沙发学习了,晚上试试看!(adsbygoogle = window.adsbygoogle || []).push({}); (function(){if(!(/iphone|ipod|ipad|Android|nokia|blackberry|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase()))){(adsbygoogle = window.adsbygoogle || []).push({});}}());最新 推荐 随机 建站1阿里云新用户最值得入手的云服务器低至0.6折1核2G仅需87元/年2阿里云企业服务器优惠活动低至1.3折2核8G仅需390元/年3腾讯云境外免备案轻量应用服务器低至288元/年864元/3年起4腾讯云企业级服务器新用户优惠活动低至1.5折2核4G仅需425元/年5在哪里可以购买腾讯云服务器学生机?有几种配置?多少钱?6腾讯云服务器和轻量应用服务器区别有哪些?应该如何选择?7使用优惠码boke112购买老薛国内郑州2号主机享5.6折仅需88元/年82021国内入门级云服务器1核2G推荐:阿里云和腾讯云9老薛主机的香港、优质美国和美国空间免备案虚拟主机应该怎么选?1阿里云ECS共享型n4云服务器1核2G仅需87元/年,261元/3年2免备案香港VPS云服务器都有哪些?推荐几个不错的香港主机3使用优惠码iboke112购买5118专业版会员享6折仅需1025元/年4使用优惠码boke112购买老薛香港2号主机享5.6折优惠仅需88元/年52021最新5118优惠码iboke112可享受8.8折优惠,附使用教程6腾讯云学生服务器优惠低至0.6折,2核4G3M仅需468元/年72021最新老薛主机优惠码boke112,购买虚拟主机和VPS主机享7折优惠8阿里云上公司注册/个体工商户注册有什么优势和优惠政策?费用价格如何?9恒创主机优惠码85折_服务器优惠码8折_恒创科技优惠_现金券1宝塔Linux面板如何修改Linux默认的SSH端口号22?2公立机构的官方网站如何申请百度官网标识?附申请须知3ZBlogPHP忘记登录密码后怎么办?使用官方密码找回工具4WordPress网站推荐使用什么免备案主机?5「活动」给予老薛虚拟主机好评可获赠20元或2个月空间6360儿童手表只能打出不能打进总是通话中怎么办?72020华为云618活动值得购买的云服务器有哪些?8网站文章如何更新才能吸引流量?是否需要天天更新?9WPS(金山PDF)如何将PDF转为长图片或多图片?1建立一个自己的博客网站最少要花费多少钱?2新手小白如何搭建个人博客网站?4个步骤建立博客网站3新手站长如何使用云服务器搭建个人博客网站 ?4阿里云服务器ECS搭建博客网站新手系列教程(6个详细步骤)5腾讯云服务器搭建博客网站新手系列教程(6个详细步骤)6老薛主机建站基础教程:如何优惠购买老薛主机及建立博客网站7宝塔面板建站基础教程:如何安装宝塔面板及建立博客网站8Boke112导航隆重推出WordPress新手入门教程9关于推出ZBlogPHP新手入门教程的说明专题文章服务器专题华为云WPS专题恒创科技主机Google Adsense专题5118优惠码WordPress入门教程ZBlogPHP入门教程西部数码主机尊云服务器专题UCloud专题(function(){if(!(/iphone|ipod|ipad|Android|nokia|blackberry|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase()))){(adsbygoogle = window.adsbygoogle || []).push({});}}()); boke112联盟(boke112.com)是一个面向个人站长的技术交流博客,致力于推荐阿里云和腾讯云各种优惠活动,分享老薛主机优惠码boke112、5118优惠码iboke112,关注个人建立博客网站的相关教程经验及各种问题,旨在与更多人分享独立博客的乐趣!微信公众号站长QQ群 官方微博 推荐栏目关于本站免责声明站点地图宝塔建站老薛建站博客导航阿里云建站腾讯云建站赞助光荣榜 Copyright © boke112联盟   |   基于 阿里云 + WP 构建  |   桂ICP备14004711号-3  |   桂公网安备 45010502000016号站长QQ 回到顶部 function Search(type){ if (type==”baidu”) { var valuebd=$(“#baidu”).val(); if(valuebd){window.open(“https://www.baidu.com/s?wd=”+valuebd+”+site%3Aboke112.com”); }}else{ var value=$(“#s”).val(); window.open(“https://boke112.com/search/”+value+”/”,_self);}return false;}很抱歉,没有Javascript,boke112联盟就不能正常工作,请在浏览器设置中启用它并刷新此页面。#ays_noscript{display:flex !important;}html{pointer-events: none;user-select: none;}

Posted in 未分类

互喷

发表评论

邮箱地址不会被公开。 必填项已用*标注

13 + 5 =

Next Post

Stronder

周三 5月 5 , 2021
搜一下搜索关闭本站首页 最新文章宝塔面板 建站经验 办公软件 最新资讯 海纳百川 博客网站 Plug […]