JS实现点击颜色块切换指定区域背景颜色的方法

当前位置：首页 > 范文|应用文 > IT技术专栏 > 脚本栏目

来源：阅读：1109 次日期：2015-02-27 11:09:45

温馨提示：小编为您整理了“JS实现点击颜色块切换指定区域背景颜色的方法”,方便广大网友查阅！

这篇文章主要介绍了JS实现点击颜色块切换指定区域背景颜色的方法,涉及javascript操作cookie及背景色的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现点击颜色块切换指定区域背景颜色的方法。分享给大家供大家参考。具体实现方法如下：

代码如下:

<html>

<head>

<title>JS实现点击颜色块切换指定区域的背景颜色</title>

</head>

<body>

<tr>

<tr><td style="line-height: 150%"><span style="font-size: 14px">适时切换网页指定区域背景颜色</span></td>

</tr></table>

</div>

</td>

</tr></table></div>

<tr><td width="219"><p align="right"><font color="#808080"><span style="font-size: 9pt">请选择背景：</span></font></td>

<tr>

</tr>

</table>

</div></td></tr></table>

</div>

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

}

if (bg_color) {

bb1.style.backgroundColor = bg_color

}

</script>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

更多信息请查看IT技术专栏

上一篇：在操作系统损坏时恢复Oracle10g全过程

下一篇：提交按钮的name＝'submit'引起的js失效问题及原因

手机网站地址：JS实现点击颜色块切换指定区域背景颜色的方法

由于各方面情况的不断调整与变化，提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！