js设置body背景颜色

Ⅰ 如何利用js动态改变body的背景图片想要个简单的个例子

<div id="BackBox">
<ul>
<li style="background:url(http://d.lanrentuku.com/down/js/qita-999/index.jpg)"></li>
<li style="background:url(http://d.lanrentuku.com/down/js/qita-1002/index.jpg)"></li>
<li style="background:url(http://d.lanrentuku.com/down/js/qita-1004/index.jpg)"></li>
</ul>
<p>点击后将li上的背景移至body中</p>
</div>
$(function(){

$("#BackBox ul li").live("click",function(){
var Back = $(this).css("background-image");
alert(Back);
$("body").css("background",Back);
});

});

Ⅱ js 如何获取背景色的值

javascript的style属性只能获取内联样式，对于外部样式和嵌入式样式需要用currentStyle属性。但是，currentStyle在FIrefox和Chrome下不支持，需要使用如下兼容性代码

HTMLElement.prototype.__defineGetter__("currentStyle",function(){
returnthis.ownerDocument.defaultView.getComputedStyle(this,null);
});

接下来就可以直接使用currentStyle属性来获取元素的样式了，下面实例演示获取页面body的背景色：

1、HTML结构

<inputtype='button'value='点击按钮获取页面背景色'onclick="fun()"/>

2、CSS样式

body{background:RGB(222,222,2);}

3、javascript代码

HTMLElement.prototype.__defineGetter__("currentStyle",function(){
returnthis.ownerDocument.defaultView.getComputedStyle(this,null);
});

functionfun(){
	varcolor=document.body.currentStyle.backgroundColor;
	alert(color);
}

4、效果演示

Ⅲ 如何利用js动态改变body的背景图片想要个简单的个例子

在随便哪个按钮的onclick中加上这个方法：

function chgBg() {
document.body.style.background = "url('images/bg1.jpg')";
}

Ⅳ js 动态改变background:url()值

可以复用字符串拼接的方法将变量传到制url中。

1、新建html文档，在body标签中添加一个div标签，为这个div标签设置一个北京图片，然后引入jQuery文件：