根据不同的按钮来转换网站的肤色。详细代码:
<html>
<หัว>
<title>网页换肤</title>
<link id="myCss" href="orange.css" rel="stylesheet">
<สคริปต์>
ฟังก์ชั่น writeCookie (csspath) {
var วันนี้ = วันที่ใหม่ ();
var หมดอายุ = วันที่ใหม่ ();
หมดอายุ setTime(today.getTime()+1000*60*60*24*30);
var str="cssPath="+csspath+";expires="+expires.toGMTString()+";";
document.cookie=str;
-
ฟังก์ชั่น readCookie (ชื่อคุกกี้) {
ค้นหา var=cookieName+"=";
ถ้า(document.cookie.length>0){
offset=document.cookie.indexOf(ค้นหา);
ถ้า (ชดเชย!=-1){
ชดเชย+=search.length;
end=document.cookie.indexOf(";",ชดเชย);
ถ้า(จบ==-1){
ปลาย=document.cookie.length;
กลับ unescape(document.cookie.substring(offset,end));
-
-
-
-
การเปลี่ยนแปลงฟังก์ชั่น (ประเภท) {
ถ้า(type=="สีส้ม"){
document.getElementById("myCss").href="orange.css";
writeCookie(orange.css);
-
ถ้า(type=="สีเทา"){
document.getElementById("myCss").href="gray.css";
writeCookie(gray.css);
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<รูปแบบการกระทำ="">
<ตาราง align="center">
<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" name="name" /></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="submit" value="注册" /></td>
<td><input class="botton1" type="button" value="重置" /></td>
</tr>
</ตาราง>
</แบบฟอร์ม>
</ร่างกาย>
</หัว>
1. 默认的颜色为橘色
2. 当单击“灰色”的时候,网页风格变为“灰色”
3、当最后点击“橘色”的时候,网页再次变为原色
4. 每一次重新打金页的时候,网页都会还原为橘色的。