更换网页背景(写入cookie)

2021-07-20 16:05

阅读:782

YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

标签:har   one   绿色   tom   css   w3c   mmu   ber   保存   

技术分享

根据cookie保存用户操作状态

 


更换网页背景的jquery代码(写入cookie)
{  margin: 0;  padding: 0;  }
    ul {float: right;height: 40px;margin-top: 20px;margin-right: 20px;}
    ul li {list-style-type: none;float: left;width: 20px;height: 20px;margin-left: 10px;cursor: pointer;}
    .skin {height: 40px;position: fixed;background: #fff;border-bottom: solid 1px #ccc;top: 0;left: 0;width: 100%;}
    .red {background: #f9bdbe;}
    /*红色*/
    .black {background: #000;}
    /*黑色*/
    .blue {background: #b9daf9;}
    /*蓝色*/
    .green {background: #b7e5bd;}
    /*绿色*/
  
  {
      //为了安全 google chrome 等浏览器是禁止本地文件写Cookie的即file:///F:/Lord%20community/lrtk/Untitled-2.html这样的以file开头的是不能写本地文件的
      var cookieClass = getCookie(‘class‘);//读取需要缓存的对象。
      $("body").attr("class", cookieClass);//
      $(".skin_list li").each(function () {
        $(this).click(function () {
          var className = $(this).attr("class");//保存当前选择的类名
          $("body").attr("class", className, 30);//把选中的类名给body
          function SetCookie(name, value, day)//两个参数,一个是cookie的名子,一个是值
          {
            var exp = new Date();    //new Date("December 31, 9998");
            exp.setTime(exp.getTime() + day * 24 * 60 * 60 * 1000);
            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
          }

          SetCookie("class", className, 30);
        })
      });
    });
    function getCookie(name)//取cookies函数
    {
      var nameEQ = name + "=";
      var ca = document.cookie.split(‘;‘);
      for (var i = 0; i }
      return null;
    }
  



  • 更换背景:

 

更换网页背景(写入cookie)

标签:har   one   绿色   tom   css   w3c   mmu   ber   保存   

原文地址:http://www.cnblogs.com/mudeng-007/p/7055005.html


评论


亲,登录后才可以留言!