小编lon*_*ors的帖子

让用户在深色模式和浅色模式之间进行选择(保存每个页面的设置,cookies?)

我最近刚刚开始使用 javascript 和 jQuery,所以我不是专家,目前我正在努力解决我认为可以称为“基本任务”的问题?

我想在主页上添加两个按钮,用户可以使用它们将网站模式设置为深色或浅色。当用户进入网站并单击不同的链接时,应该记住这些设置。

到目前为止,我已经添加了更改 onClick 背景颜色和字体颜色的功能,但我只能在当前页面上执行此操作。

我想我必须以某种形式使用cookies..?

这是我的小提琴:http://jsfiddle.net/sqn47kmt/10/这是我的代码

$(document).ready(function($) {
  $(".darkmode").click(function() { // darkmode for basic body, adds css styles on click
    $("html").addClass("darkclass");
  });

  $(".darkmode").click(function() { // darkmode for headline body, adds css styles on click
    $("h3").addClass("darkclass");
  });

  $(".darkmode").click(function() { // darkmode for links, adds css styles on click
    $("a").addClass("darkclass");
  });

  $(".normalmode").click(function() { // normalmode for basic body, removes css styles on click
    $("html").removeClass("darkclass");
  });

  $(".normalmode").click(function() { // normalmode for headlines, removes css styles on click …
Run Code Online (Sandbox Code Playgroud)

javascript cookies jquery colors

3
推荐指数
1
解决办法
3688
查看次数

标签 统计

colors ×1

cookies ×1

javascript ×1

jquery ×1