根據不同的按鈕來轉換網站的膚色。
<html>
<頭>
<title>網頁換膚</title>
<link id="myCss" href="orange.css" rel="stylesheet">
<腳本>
函數 writeCookie(csspath){
var 今天=新日期();
var 過期=新日期();
expires.setTime(today.getTime()+1000*60*60*24*30);
var str="cssPath="+csspath+";expires="+expires.toGMTString()+";";
document.cookie=str;
}
函數 readCookie(cookieName){
var search=cookieName+"=";
if(document.cookie.length>0){
offset=document.cookie.indexOf(搜尋);
如果（偏移量！=-1）{
偏移+=搜尋.長度；
end=document.cookie.indexOf(";",offset);
如果（結束==-1）{
結束=文檔.cookie.長度；
返回 unescape(document.cookie.substring(offset,end));
}
}
}
}
函數變化（類型）{
如果（類型==“橙色”）{
document.getElementById("myCss").href="orange.css";
writeCookie(orange.css);
}
如果（類型==“灰色”）{
document.getElementById("myCss").href="gray.css";
writeCookie(gray.css);
}
}
</腳本>
</頭>
<正文>
<表單操作="">
<表對齊=“中心”>
<tr>
<tdalign="center"><a href="#"onClick="change('orange')">【橘色經典】</a></td>
<tdalign="center"><a href="#" onClick="change('gray')">【灰色暢想】</a></td>
</tr>
<tr>
<td>使用者名稱：</td>
<td><輸入類型=“文字”名稱=“名稱”/></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><輸入類型=“文字”名稱=“年齡”/></td>
</tr>
<tr>
<td><input class="botton1" type="submit" value="註冊" /></td>
<td><input class="botton1" type="button" value="重置" /></td>
</tr>
</表>
</形式>
</正文>
</頭>
1.預設的顏色為橘色
2.點擊“灰色”的時候，網頁風格變成“灰色”
3.最後點擊「橘色」的時候，網頁重新變成原色
4.每次重新開啟網頁的時候，網頁都會還原成橘色的。