異なるコードに基づいてウェブサイトの色を切り替えます。
<html>
<頭>
<title>ネット页换肤</title>
<link id="myCss" href="orange.css" rel="stylesheet">
<スクリプト>
関数 writeCookie(csspath){
var today=新しい日付();
var 期限切れ=新しい日付();
期限切れ.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){
オフセット=document.cookie.indexOf(検索);
if(オフセット!=-1){
オフセット+=検索長;
end=document.cookie.indexOf(";",offset);
if(end==-1){
end=document.cookie.length;
return unescape(document.cookie.substring(offset,end));
}
}
}
}
関数変更(タイプ){
if(type=="オレンジ"){
document.getElementById("myCss").href="orange.css";
writeCookie(orange.css);
}
if(type=="グレー"){
document.getElementById("myCss").href="gray.css";
writeCookie(gray.css);
}
}
</script>
</head>
<本文>
<フォームアクション="">
<テーブル 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="年齢" /></td>
</tr>
<tr>
<td><input class="botton1" type="submit" value="注册" /></td>
<td><input class="botton1" type="button" value="重置" /></td>
</tr>
</テーブル>
</form>
</body>
</head>
1、默の色は橘色
2、当单击「灰色」の時候、网页风格变は「灰色」
3、当最終後点击“橘色”の時候、网页再次变は原色
4、ネットワークを再起動するたびに、ネットワーク都市がオレンジ色に変わります。