将用户个性化设置保存到客户端

(一).示例图片效果

(二).代码






<script language="javascript">
function getcookie()
{
if (document.cookie==null)
{
document.bgColor="black"
document.fgcolor="white"
}
else
{
var x1=unescape(document.cookie)
var x2=x1.split("; ")
for (i in x2)
{
var x3=x2[i].split("=");
var x4=x3[0];
switch (x4)
{
case "setcolor":
document.fgColor=x3[1]
break;
case "setbgcolor":
document.bgColor=x3[1]
break;
}
}
}
}
getcookie()
var setcolor="white";
var setbgcolor="black";
function setcookie()
{
x1=document.form1.select1.options.selectedIndex
switch (x1)
{
case 0:
setcolor="white";
setbgcolor="black";
break;
case 1:
setcolor="black";
setbgcolor="white";
break;
case 2:
setcolor="red";
setbgcolor="yellow";
break;
case 3:
setcolor="yellow";
setbgcolor="red";
break;
case 4:
setcolor="white";
setbgcolor="blue";
break;
}
var webcookie ="setcolor="+setcolor+";setbgcolor="+setbgcolor;
var date1=new Date();
date1.setYear(date1.getYear()+1);
cookiedate =date1.toGMTString();
document.cookie ="setcolor="+escape(setcolor)+";expires="+date1.toGMTString()+";path=/";
document.cookie ="setbgcolor="+escape(setbgcolor)+";expires="+date1.toGMTString()+";path=/";
getcookie()
}
</script>

选择配色： 黑白色配置白黑色配置黄红色配置红黄色配置蓝白色配置

 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=573092