根据不同的按钮来转换网站的肤色。详细代码:
<html>
<kepala>
<title>网页换肤</title>
<link id="myCss" href="orange.css" rel="stylesheet">
<skrip>
fungsi menulisCookie(csspath){
var hari ini=Tanggal baru();
var expired=Tanggal baru();
kedaluwarsa.setTime(hari ini.getTime()+1000*60*60*24*30);
var str="cssPath="+csspath+";expires="+expires.toGMTString()+";";
dokumen.cookie=str;
}
fungsi readCookie(Namacookie){
var pencarian=Namakuki+"=";
if(dokumen.cookie.panjang>0){
offset=dokumen.cookie.indexOf(pencarian);
jika(mengimbangi!=-1){
offset+=pencarian.panjang;
end=dokumen.cookie.indexOf(";",offset);
jika(akhir==-1){
end=dokumen.cookie.length;
return unescape(document.cookie.substring(offset,end));
}
}
}
}
perubahan fungsi(tipe){
if(ketik=="oranye"){
dokumen.getElementById("myCss").href="orange.css";
writeCookie(oranye.css);
}
if(type=="abu-abu"){
dokumen.getElementById("myCss").href="gray.css";
writeCookie(abu-abu.css);
}
}
</skrip>
</kepala>
<tubuh>
<bentuk tindakan="">
<tabel align="tengah">
<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" nama="nama" /></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="kirim" value="注册" /></td>
<td><input class="botton1" type="button" value="重置" /></td>
</tr>
</tabel>
</bentuk>
</tubuh>
</kepala>
1、默认的颜色为橘色
2、当单击“灰色”的时候,网页风格变为“灰色”
3、当最后点击“橘色”的时候,网页再次变为原色
4、每一次重新打开网页的时候,网页都会还原为橘色的。