帝国模板之家为广大用户提供专业、一站式建站服务。

网页特效

网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。

当前位置:首页 > 资源 > 网页特效 > 正文

JavaScript时尚炫酷多语言Cookie同意弹框插件

帝国模板之家 2020-11-08 网页特效 评论

这是一款炫酷时尚、支持多语言、可定制的cookie同意弹框插件,有黑色和白色两种风格,基于JavaScript开发。单击“了解更多”链接,在弹出窗口中显示同意的内容。

功能:

  • 自动语言检测

  • 可配置cookie失效时间

  • 轻松创建自己的风格

使用方法:

1.插入cookieconsent.js文件到HTML文档中

<script src="cookieconsent.js"></script>

2.初始化插件并在页面加载时显示cookie同意弹出窗口。

CookieConsent.run({
  "cc_autorun" : true,
  "cc_website_name" : "CSSScript",
  "cc_website_url" : "CSSScript.com",       
  "cc_theme_css" : "./src/cookieconsent.css" // path to theme CSS
});

3.使用以下选项可以自定义cookie同意弹出窗口。

CookieConsent.run({

  // parent contianer
  cc_container : "body", 

  // auto language detection
  cc_auto_language: false,

  // or set language here
  cc_current_lang : "en",               
  cc_default_lang : "en",
  cc_languages : {},

  // auto display on page load
  cc_autorun: false, 

  // // link to your cookie-policy page 
  cc_policy_url: null,       

  // delay in ms
  cc_delay: 20,

  // enable console log
  cc_enable_verbose: true, 
  
  // 182 days
  cc_cookie_expiration : 182, 
  
  // cookie name
  cc_cookie_name: "cc_cookie",

  // if enabled -> erase unused cookies based on deselected preferences
  cc_autoclear_cookies: true,                 
  
  // auto load CSS
  cc_autoload_css: true,  

  // theme css
  cc_theme_css: null,

  // default class for dark mode
  cc_cc_darkmode_class : 'cc_darkmode'
  
});

4.API方法

// show the cookie consent popup
CookieConsent.show(delay);

// hide the cookie consent popup
CookieConsent.hide();

// clear cookies
CookieConsent.clearCookies();

5.点击按钮显示cookie同意弹出窗口。

<button type="button" data-cc="cc_policy">打开弹窗</button>

会员登陆后即可下载资源文件。更多好用网站特效插件,请关注帝国模板之家

人生不要怕失败,因为失败连着成功。只有那些有勇气的人,才敢不断挑战人生。

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言