添加div背景图像的Javascript？

我试图得到一个div背景图像改变，当你滚动它以及改变文本颜色。我可以改变颜色，但是bg图像没有。以下是我得到的：

在头部：

#menu1 {
    background-image: none;
}

<script language="javascript">
function txtroll(x)
{
x.style.color="white";
x.style.background-image="url(images/moragames/logo/moragames_logo_01.png);
}
</script>

#菜单1{
背景图像：无；
}
函数txtroll（x）
{
x、 style.color=“白色”；
x、 style.background image=“url（images/moragames/logo/moragames\u logo\u 01.png）；
}

在正文中：

<div id="menu1" onmouseover="txtroll(this)" onmouseout="txtout(this)">

我似乎无法通过滚动来添加背景图像，但它可以很好地更改字体颜色。知道我做错了什么吗？谢谢！

试试-

x.style.backgroundImage="url(images/moragames/logo/moragames_logo_01.png)";

而不是-

---

HTMLElement

的

style

属性没有名为

背景图像的属性

u也可以用简单的css来实现

或者使用Javascript

css:

#menu1 {
    background-image: none;
    height:100px;
}
#menu1:hover {
    background-image: url('http://placekitten.com/200/100');
}

你可以试试这个：

css:

js:

#menu1 {
    background-image: none;
    height:100px;
}
#menu1:hover {
    background-image: url('http://placekitten.com/200/100');
}

.hover {
    background-image: "url(images/moragames/logo/moragames_logo_01.png)";
}

$('#menu1').on('mouseover', function(){
    $(this).addClass('hover');
}).on('mouseout', function() {
    $(this).removeClass('hover');
});