根据不同的按钮来转换网站的肤色。详细代码:
<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、每次重新打开网页的时候,网页都会还原为橘色的。