暗模式功能使用本地存储保存切换状态

时间:2018-09-25 14:59:30

标签: javascript jquery html css

我尝试使用localstorage保存切换状态默认模式和深色模式,但到目前为止没有成功。

这是我在 javascript:

中使用的暗模式脚本
$(document).ready(function(){
  var button = $('.night-mode-button');
  var box = $('.box');
  var lastmodified = $('.lastmodified');
  var pretitle = $('.pre-title');
  var description = $('#description');
  var readmore = $('.readmore');
  var logo = $('.header-logo');
  var h3 = $('h3');
  var body = $('body');
  var h1 = $('h1');
  var nav = $('.nav');
  var dropdown = $('.dropdown');
  var themecheck = $('.theme__check');

  button.click(function() {
    box.toggleClass('darkmode');
    lastmodified.toggleClass('darkmode');
    pretitle.toggleClass('darkmode');
    description.toggleClass('darkmode');
    readmore.toggleClass('darkmode');
    logo.toggleClass('darkmode');
    h3.toggleClass('darkmode');
    body.toggleClass('darkmode');
    h1.toggleClass('darkmode');
    nav.toggleClass('darkmode');
    dropdown.toggleClass('darkmode');
    themecheck.toggleClass('darkmode');
  });
});

0 个答案:

没有答案