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文件：