最常用的網頁換膚色代碼 - 建站學院 - 源碼網

源碼網歡迎您!

最常用的網頁換膚色代碼(2013-03-21)

根據不同的按鈕來轉換網站的膚色。詳細代碼:

<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>


<form action="">
<table align="center">
  <tr>
    <td align="center"><a href="#" onClick="change('orange')">【橘色經典】</a></td>
    <td align="center"><a href="#" onClick="change('gray')">【灰色暢想】</a></td>
  </tr>
  <tr>
    <td>用戶名:</td>
    <td><input type="text" name="name" /></td>
  </tr>
  <tr>
    <td>密碼:</td>
    <td><input type="password" name="pwd" /></td>
  </tr>
  <tr>
    <td>確認密碼:</td>
    <td><input type="password" name="pwd1" /></td>
  </tr>
  <tr>
    <td>性別:</td>
    <td>
  <input type="radio" name="sex" value="m" />男
  <input type="radio" name="sex" value="f" />女
 </td>
  </tr>
  <tr>
    <td>年齡:</td>
    <td><input type="text" name="age" /></td>
  </tr>
  <tr>
    <td><input class="botton1" type="submit" value="注冊" /></td>
    <td><input class="botton1" type="button" value="重置" /></td>
  </tr>
</table>
</form>
</body>
</head>

1、默認的顏色為橘色

2、當單擊“灰色”的時候,網頁風格變為“灰色”

3、當最后點擊“橘色”的時候,網頁再次變為原色

4、每一次重新打開網頁的時候,網頁都會還原為橘色的。

上一篇:準確獲取指定元素CSS屬性值

下一篇:Photoshop調出外景人物照片頹廢暗黃色

關于本站  |  版權聲明 | 合作聯系 | 網站地圖 | 幫助中心 |  | XHTML/CSS
Copyright © 2004-2010 downcodes.com 程序支持:木翼 冀ICP備05003145號
本站誠招服務器贊助商
贵州11选5漏选情况 贵州快3走势图一定牛 江西11选五历史开奖 私募基金配资利率 黑龙江十一选五和值表 北京赛车开奖 浙讧福彩12走势图 配资公司 一分时时彩app下载 快3官方网站app 中国体育彩票开奖直播视频