网页保护色（背景变化）源码|保护色,背景色,源码,网页制作-网站制作-梧桐树叶

页面风格 [岸春夏秋冬] 保护色

网页保护色（背景变化）源码

作者：来源：发表时间：2006-03-09 浏览次数：

[保护色(背景变化)选择框(字符显示)html代码]

[保护色(背景变化)选择框(图片显示)html代码]（需要修改图片路径）

[保护色(背景变化)JS代码]　　[保护色(背景变化)JS代码](有注释)

1．保护色(背景变化)选择框(字符显示)html代码　[复制]

2．保护色(背景变化)选择框(图片显示)html代码　[复制] （需要修改图片路径）

保护色 <A
onclick="ccolor.style.backgroundColor='FAF9DE';set_color('FAF9DE')"
href="###"><IMG height=10 alt=杏仁黄 src="...url/color1.gif"
width=10 border=0></A> <A
onclick="ccolor.style.backgroundColor='FFF2E2';set_color('FFF2E2')"
href="###"><IMG height=10 alt=秋叶褐 src="...url/color2.gif"
width=10 border=0></A> <A
onclick="ccolor.style.backgroundColor='FDE6E0';set_color('FDE6E0')"
href="###"><IMG height=10 alt=胭脂红 src="...url/color3.gif"
width=10 border=0></A> <A
onclick="ccolor.style.backgroundColor='E3EDCD';set_color('E3EDCD')"
href="###"><IMG height=10 alt=青草绿 src="...url/color4.gif"
width=10 border=0></A> <A
onclick="ccolor.style.backgroundColor='DCE2F1';set_color('DCE2F1')"
href="###"><IMG height=10 alt=海天蓝 src="...url/color5.gif"
width=10 border=0></A> <A
onclick="ccolor.style.backgroundColor='E9EBFE';set_color('E9EBFE')"
href="###"><IMG height=10 alt=葛巾紫 src="...url/color6.gif"
width=10 border=0></A> <A
onclick="ccolor.style.backgroundColor='EAEAEF';set_color('EAEAEF')"
href="###"><IMG height=10 alt=极光灰 src="...url/color7.gif"
width=10 border=0></A> <A
onclick="ccolor.style.backgroundColor='FFFFFF';set_color('FFFFFF')"
href="###"><IMG height=10 alt=银河白(默认色) src="...url/color8.gif"
width=10 border=0></A>

3．保护色(背景变化)JS代码　[复制]

//保护色
function get_cookie(name_to_get) {
var cookie_pair
var cookie_name
var cookie_value
var cookie_array = document.cookie.split("; ")
for (counter = 0; counter < cookie_array.length; counter++) {
cookie_pair = cookie_array[counter].split("=")
cookie_name = cookie_pair[0]
cookie_value = cookie_pair[1]
if (cookie_name == name_to_get) {
return unescape(cookie_value)
}
}
return null
}
var bg_color = get_cookie("bgColor_cookie")
function set_color(color_val) {
set_cookie("bgColor_cookie", color_val, 365, "/")
}
function set_cookie(cookie_name, cookie_value, cookie_expire, cookie_path, cookie_domain, cookie_secure) {
var cookie_string = cookie_name + "=" + cookie_value
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
}
if (cookie_path) {
cookie_string += "; path=" + cookie_path
}
if (cookie_domain) {
cookie_string += "; domain=" + cookie_domain
}
if (cookie_secure) {
cookie_string += "; true"
}
document.cookie = cookie_string
}

4．保护色(背景变化)JS代码(有注释)　[复制]

//保护色
function get_cookie(name_to_get) {

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
}