Javascript, чтобы добавить Div фоновое изображение?

Question

Javascript, чтобы добавить Div фоновое изображение?

0

Я пытаюсь получить фоновое изображение 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>

В организме:

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

Я не могу заставить опрокидываться, чтобы добавить фоновое изображение, но он очень сильно меняет цвет шрифта. Любые идеи, что я делаю неправильно? Благодарю!

Ben Mora 20 нояб. 2013, в 06:49

Источник

Теги:

javascript

html

background-image

onmouseover

rollover

3 ответа

Ещё вопросы

zuoyan.wu · Answer 1 · 2013-11-20T04-19-00.000Z

u можете попробовать это:

CSS:

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

ЯШ:

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

MD Sayem Ahmed · Answer 2 · 2013-11-20T03-23-00.000Z

Пытаться -

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

вместо -

x.style.background-image="url(images/moragames/logo/moragames_logo_01.png)

Свойство style HTMLElement не имеет свойства, называемого background-image.

Ashish · Answer 3 · 2013-11-20T03-08-00.000Z

u может сделать это с простой css слишком демо

или с Javascript demo1

CSS:

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