根据不同的按钮来转换网站的肤色。详细代码:
<html>
<голова>
<title>网页换肤</title>
<link id="myCss" href="orange.css" rel="таблица стилей">
<скрипт>
функция writeCookie(csspath){
вар сегодня = новая дата ();
вар истекает = новая дата ();
expires.setTime(today.getTime()+1000*60*60*24*30);
var str="cssPath="+csspath+";expires="+expires.toGMTString()+";";
document.cookie=str;
}
функция readCookie(cookieName){
вар search=cookieName+"=";
если(document.cookie.length>0){
смещение = document.cookie.indexOf (поиск);
если(смещение!=-1){
смещение+=search.length;
end=document.cookie.indexOf(";",offset);
если(конец==-1){
конец = document.cookie.length;
return unescape(document.cookie.substring(offset,end));
}
}
}
}
изменение функции(тип){
если(тип=="оранжевый"){
document.getElementById("myCss").href="orange.css";
writeCookie(orange.css);
}
если(тип=="серый"){
document.getElementById("myCss").href="gray.css";
writeCookie(gray.css);
}
}
</скрипт>
</голова>
<тело>
<форма действие="">
<table align="center">
<тр>
<td align="center"><a href="#" onClick="change('orange')">【橘色经典】</a></td>
<td align="center"><a href="#" onClick="change('gray')">【灰色畅想】</a></td>
</tr>
<тр>
<td>Обозначение:</td>
<td><input type="text" name="name" /></td>
</tr>
<тр>
<td>Функция:</td>
<td><input type="password" name="pwd" /></td>
</tr>
<тр>
<td>Обозначение:</td>
<td><input type="password" name="pwd1" /></td>
</tr>
<тр>
<td>性别:</td>
<тд>
<input type="radio" name="sex" value="m" />男
<input type="radio" name="sex" value="f" />女
</td>
</tr>
<тр>
<td>Проверка:</td>
<td><input type="text" name="возраст" /></td>
</tr>
<тр>
<td><input class="botton1" type="submit" value="注册" /></td>
<td><input class="botton1" type="button" value="重置" /></td>
</tr>
</таблица>
</форма>
</тело>
</голова>
1、默认的颜色为橘色
2、当单击“灰色”的时候,网页风格变为“灰色”
3. 当最后点击“橘色”的时候,网页再次变为原色
4、每一次重新打开网页的时候,网页都会还原为橘色的。