Question

当我将鼠标悬停在文字上时，我有一个更改页面背景的脚本，但如何在首次加载页面时设置背景？

谢谢，如果你能提供帮助。

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/

Answer 1

使用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 + ")";
}

Answer 2

在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');

Answer 3

使用CSS和“background-image”：

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

设置适用于后台更改脚本的背景

3 个答案: