原想自己用这代码,但无奈因为要写 Cookie 以至于代码越来越多,为了保证速度,这个功能舍弃,但代码 贴出来以供研究之用
<SCRIPT language=JavaScript>
function SetCookie (name, value)
{
if (GetCookie(name)!=null) {
document.cookie = name + "=" + "; path=/; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
document.cookie = name + "=" + escape (value) + "; path=/; expires=Thursday,01-Jan-2099 12:00:00 GMT";
}
function GetCookie (name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function getCookieVal (offset)
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function initBackGroundPic()
{
var AccumulateBackGround = GetCookie('AccumulateBackGround');
if(AccumulateBackGround==null)
{
changeBackground('http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/173843/o_dala%20(1).jpg');
}
else
{
changeBackground(AccumulateBackGround);
};
}
function changeBackground(sBackFileName){
document.body.style.backgroundImage="url(" + sBackFileName + ")";
SetCookie('AccumulateBackGround',sBackFileName);
}
function drawColorChoice(sImgFileName, sBackFileName)
{
document.write("<tr>");
document.write("<td><a href=\"javascript:changeBackground('"+sBackFileName+"')\"><img src='"+sImgFileName+"' border=0/></a></td>");
document.write("</tr>");
}
</SCRIPT>
<SCRIPT language=JavaScript>
initBackGroundPic();
</SCRIPT>
<DIV style="left:850px;
top:50px;Z-INDEX: 40; WIDTH: 50px; POSITION: absolute; HEIGHT: 150px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY><TR><TD width=50 background="http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/189622/o_c1.gif" height=66></TD></TR>
<TR><TD align=middle background="http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/189622/o_c6.gif" height=70>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<SCRIPT language=JavaScript>
drawColorChoice("http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/189622/o_c2.gif",
"http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/173843/o_naruto.jpg");
drawColorChoice("http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/189622/o_c3.gif",
"http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/173843/o_bleach.jpg");
drawColorChoice("http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/189622/o_c4.gif",
"http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/173843/o_dala%20(1).jpg");
</SCRIPT>
<TBODY></TBODY></TABLE></TD></TR>
<TR><TD width=50 height=29><A href="http://blog.csdn.net/beingstudio"><IMG src="http://p.blog.csdn.net/images/p_blog_csdn_net/beingstudio/189622/o_c.gif" border=0>
</A></TD></TR></TBODY></TABLE></DIV>