根据不同的按钮来转换网站的肤色.详细代码:
<html>
<cabeza>
<título>网页换肤</título>
<enlace id="myCss" href="orange.css" rel="hoja de estilo">
<guión>
función escribirCookie(csspath){
var hoy=nueva fecha();
var expira = nueva fecha ();
expira.setTime(today.getTime()+1000*60*60*24*30);
var str="cssPath="+csspath+";expires="+expires.toGMTString()+";";
documento.cookie=cadena;
}
función leerCookie(nombrecookie){
var buscar=nombrecookie+"=";
si(documento.cookie.longitud>0){
offset=document.cookie.indexOf(búsqueda);
si(desplazamiento!=-1){
desplazamiento+=búsqueda.longitud;
end=document.cookie.indexOf(";",desplazamiento);
si(fin==-1){
fin=documento.cookie.longitud;
return unescape(document.cookie.substring(offset,end));
}
}
}
}
cambio de función (tipo) {
si(tipo=="naranja"){
document.getElementById("myCss").href="orange.css";
escribirCookie(orange.css);
}
si(tipo=="gris"){
document.getElementById("myCss").href="gray.css";
escribirCookie(gray.css);
}
}
</script>
</cabeza>
<cuerpo>
<formulario acción="">
<tabla align="centro">
<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><tipo de entrada="texto" nombre="nombre" /></td>
</tr>
<tr>
<td>密码：</td>
<td><tipo de entrada="contraseña" nombre="contraseña" /></td>
</tr>
<tr>
<td>确认密码:</td>
<td><tipo de entrada="contraseña" nombre="pwd1" /></td>
</tr>
<tr>
<td>性别：</td>
<td>
<tipo de entrada="radio" nombre="sexo" valor="m" />男
<tipo de entrada="radio" nombre="sexo" valor="f" />女
</td>
</tr>
<tr>
<td>年龄：</td>
<td><tipo de entrada="texto" nombre="edad" /></td>
</tr>
<tr>
<td><input class="botton1" type="enviar" valor="注册" /></td>
<td><input class="botton1" tipo="botón" valor="重置" /></td>
</tr>
</tabla>
</formulario>
</cuerpo>
</cabeza>
1、默认的颜色为橘色
2、当单击“灰色”的时候，网页风格变为“灰色”
3、当最后点击“橘色”的时候，网页再次变为原色
4、每一次重新打开网页的时候，网页都会还原为橘色的.