设置与后台更改脚本配合使用的背景

当我将鼠标悬停在文本上时，我有一个脚本来更改页面的背景，但是如何在页面首次加载时设置背景？设置与后台更改脚本配合使用的背景

如果你可以帮忙，谢谢。

HTML：

<div class="bg1"> 
<p style="background-image:url(http://i.imgur.com/tsvMD.jpg)" onMouseOver="bgChange('http://i.imgur.com/tsvMD.jpg')">001</p> 
<p style="background-image:url(http://i.imgur.com/WoXUM.jpg)" onMouseOver="bgChange('http://i.imgur.com/WoXUM.jpg')">002</p> 
<p style="background-image:url(http://i.imgur.com/Q5U1L.jpg)" onMouseOver="bgChange('http://i.imgur.com/Q5U1L.jpg')">003</p> 
</div>

CSS：

.bg1 p { 
display:inline; 
font-size: 30px; 
}

的javascript：

function bgChange(bg) 
{ 
document.body.background=bg; 
}

工作例如： http://jsfiddle.net/XXwXq/

来源

2012-03-30 Dan

使用CSS .. ？

body { 
    background-image:url(http://i.imgur.com/tsvMD.jpg); 
}

http://jsfiddle.net/XXwXq/13/

function bgChange(bg) { 
    document.body.style.background="url(" + bg + ")"; 
}

来源

2012-03-30 06:19:06

感谢您的建议，但这不适用于JavaScript。 – Dan 2012-03-30 06:23:04

@丹编辑了你的js http://jsfiddle.net/XXwXq/13/ – 2012-03-30 06:25:33

谢谢你，让它工作。非常感激。 – Dan 2012-03-30 06:29:41

使用CSS和 “背景图片”：

body { 
    background-image:url(...) 
}

来源

2012-03-30 06:19:31

感谢您的建议，但这似乎并不适用于JavaScript。 – Dan 2012-03-30 06:23:25

安德烈亚斯得到了它的工作，谢谢。 – Dan 2012-03-30 06:30:17

添加下面的bgchange功能这一行：

window.onload=bgChange('http://i.imgur.com/Q5U1L.jpg');

因此，这将成为：

function bgChange(bg) 
{ 
    document.body.background=bg; 
} 
window.onload=bgChange('http://i.imgur.com/Q5U1L.jpg');

来源

2012-03-30 06:22:51

谢谢你，但愚蠢的我无法得到它的工作。 – Dan 2012-03-30 06:26:31

检查此：http://jsfiddle.net/XXwXq/11/ – 2012-03-30 06:27:53

它现在的作品，不知道我做错了什么。再次感谢。 – Dan 2012-03-30 06:32:07

设置与后台更改脚本配合使用的背景

回答

相关问题