网页换肤色的代码

最新推荐文章于 2024-03-23 01:11:24 发布

置顶公子奇

最新推荐文章于 2024-03-23 01:11:24 发布

阅读量1.1k

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/chuanqi1415583094/article/details/17316901

版权

web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

根据不同的按钮来转换网站的肤色。详细代码：

<html>
<head>
<title>网页换肤</title>
<link id="myCss" href="orange.css" rel="stylesheet">
<script>
  function writeCookie(csspath){
   var today=new Date();
   var expires=new Date();
   expires.setTime(today.getTime()+1000*60*60*24*30);
   var str="cssPath="+csspath+";expires="+expires.toGMTString()+";";
   document.cookie=str;
  }

  function readCookie(cookieName){
   var search=cookieName+"=";
   if(document.cookie.length>0){
    offset=document.cookie.indexOf(search);
    if(offset!=-1){
     offset+=search.length;
     end=document.cookie.indexOf(";",offset);
     if(end==-1){
      end=document.cookie.length;
      return unescape(document.cookie.substring(offset,end));
     }
    }
   }
  }

  function change(type){
   if(type=="orange"){
    document.getElementById("myCss").href="orange.css";
    writeCookie(orange.css);
   }
   if(type=="gray"){
    document.getElementById("myCss").href="gray.css";
    writeCookie(gray.css);
   }
  }
</script>
</head>

<body>

1、默认的颜色为橘色

2、当单击“灰色”的时候，网页风格变为“灰色”

3、当最后点击“橘色”的时候，网页再次变为原色

4、每一次重新打开网页的时候，网页都会还原为橘色的。

公子奇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页换肤色的代码

根据不同的按钮来转换网站的肤色。详细代码：网页换肤 function writeCookie(csspath){ var today=new Date(); var expires=new Date(); expires.setTime(today.getTime()+1000*60*60*24*30); var str="cssPath="+csspath+";exp
复制链接

扫一扫

专栏目录