根据需要自由更换背景颜色代码

2009-12-19 文本操作 ℃

<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>更换网页背景</title>
</head>

<body>

<div align="center">
	<table bgcolor=#efefef border="0" width="500" cellpadding="0" style="border-collapse: collapse" height="300" id="bb1">
		<tr>
			<td width="500" colspan="2">
			<div align="center">
				<table border="0" width="90%" cellpadding="0" style="border-collapse: collapse" height="90" id="table2">
					<tr>
						<td style="line-height: 150%"><br>
						<span style="font-size: 14px">    <b>
						什么是网页特效？</b><br>
    <a target="_blank" href="http://www.zlcool.com/">网页特效</a>是用程序代码在网页中实现特殊效果或者特殊功能的一种技术，它为网页活跃了气氛，增加了网站的亲和力。 
						<br>
						<br>
    <b>如何使用网页特效？</b><br>
    一般在你想添加特效的地方直接粘贴特效代码即可，有些特殊的代码还需要在别的地方添加其他代码。在<a target="_blank" href="http://www.zlcool.com/">本站</a>下载的特效代码，都有详细说明，按说明使用即可。</span>
						<br>
　</td>
					</tr>
				</table>
			</div>
			</td>
		</tr>
	</table>
　</div>

<div align="center">
	<table border="0" width="500" cellpadding="0" style="border-collapse: collapse" height="20" id="table1">
		<tr>
			<td width="219">
			<p align="right"><font color="#808080"><span style="font-size: 9pt">
			请选择背景：</span></font></td>
			<td width="281"><div align="center"><table border="1" width="240" cellspacing="0" cellpadding="0" height="20" id="table1" style="border-collapse: collapse" bordercolor="#FFFFFF">
					<tr>
						<td width="60" onClick="bb1.style.backgroundColor='FDFDF0';set_color('FDFDF0')" bgcolor="#FDFDF0"></td>
						<td onClick="bb1.style.backgroundColor='B1D5F3';set_color('B1D5F3')" bgcolor="#B1D5F3" width="60"></td>
						<td onClick="bb1.style.backgroundColor='B4E7D9';set_color('B4E7D9')" bgcolor="#B4E7D9" width="60"></td>
						<td onClick="bb1.style.backgroundColor='F1E8FF';set_color('F1E8FF')" bgcolor="#F1E8FF" width="60"></td>
						<td onClick="bb1.style.backgroundColor='E8FFF3';set_color('E8FFF3')" bgcolor="#E8FFF3" width="60"></td>
						<td onClick="bb1.style.backgroundColor='CDCDDE';set_color('CDCDDE')" bgcolor="#CDCDDE" width="60"></td>
					</tr>
				</table>
			</div></td>
		</tr>
	</table>
</div>

var cookie_pair
    var cookie_name
    var cookie_value
    
    // Split all the cookies into an array
    var cookie_array = document.cookie.split("; ")
    
    // Run through the cookies
    for (counter = 0; counter < cookie_array.length; counter++) {
    
        // Split the cookie into a name/value pair
        cookie_pair = cookie_array[counter].split("=")
        cookie_name = cookie_pair[0]
        cookie_value = cookie_pair[1]
        
        // Compare the name with the name we want
        if (cookie_name == name_to_get) {
        
            // If this is the one, return the value
            return unescape(cookie_value)
        }
    }
    
    // If the cookie doesn't exist, return null
    return null
}

// Get the bgColor cookie
var bg_color = get_cookie("bgColor_cookie")

// Did the cookie exist?
//if (bg_color) {
//    document.bgColor = bg_color
//}

function set_color(color_val) {

// Get the currently selected color
    //var color_list = color_form.color_name
    //var selected_color = color_list.options[color_list.selectedIndex].value
    
    // Change the color of the background
    //opener.document["bgColor"] = color_val
    
    // Save it in a cookie
    set_cookie("bgColor_cookie", color_val, 365, "/")
}

function set_cookie(cookie_name, cookie_value, cookie_expire, cookie_path, cookie_domain, cookie_secure) {

// Begin the cookie parameter string
    var cookie_string = cookie_name + "=" + cookie_value
    
    // Add the expiration date, if it was specified
    if (cookie_expire) {
        var expire_date = new Date()
        var ms_from_now = cookie_expire * 24 * 60 * 60 * 1000
        expire_date.setTime(expire_date.getTime() + ms_from_now)
        var expire_string = expire_date.toGMTString()
        cookie_string += "; expires=" + expire_string
    }
    
    // Add the path, if it was specified
    if (cookie_path) {
        cookie_string += "; path=" + cookie_path
    }

// Add the domain, if it was specified
    if (cookie_domain) {
        cookie_string += "; domain=" + cookie_domain
    }
    
    // Add the secure Boolean, if it's true
    if (cookie_secure) {
        cookie_string += "; true"
    }
    
    // Set the cookie
    document.cookie = cookie_string
}

if (bg_color) {
    bb1.style.backgroundColor = bg_color
}
</script>
<p align="center"><font color="#C0C0C0"><span style="font-size: 9pt">
本代码启用COOKIE技术，选者了一种色彩，所有的页面自动选者此色彩，<br>
运用范围广阔，如有必要，请收藏本站，<a target="_blank" href="http://www.zlcool.com/"><font color="#C0C0C0"><span style="text-decoration: none">资料库网页特效</span></font></a>地更多精彩代码为您开发......</span></font></p>
</body>

</html>

相关特效代码

热门特效代码: 输入框的文字闪烁变色引人注意; 纯CSS内页内容切换选项卡; 鼠标经过链接显示注释旋转风火轮; 指向自动选择的输入框; 放大镜链接效果; 带注释的链接特效; 文字闪烁效果; 带注释的链接特效代码; 点击文字显示隐藏链接; WEB2.0圆形边框css做法

推荐特效代码: 字符连续消隐; 文字变色逐个出现; 段落文字百叶窗效果输出; 点击文字显示隐藏链接; 文字由小变大由大变小（动态变化; 文字来回上下移动或跳动