Как изменить стиль фона Свойство с помощью javascript, с onmouseover?

Question

Как изменить стиль фона Свойство с использованием javascript, с onmouseover?

При наведении указателя мыши not rate Почему id="all_rating" Не менять Стиль фона Свойство?

Как я могу это сделать?

http://jsfiddle.net/1x8rLLpt/

<div onmouseover="show_star('-12')">not rate</div> 
<br> 
<div class="all_rating" id="all_rating"> 
</div> 


<script> 
function show_star(bg_position) {  
    document.getElementById("all_rating").style.background = "transparent url(http://image.ohozaa.com/i/eb0/OZDobo.png) no-repeat 0px +bg_position+px;";  
} 
</script> 

Answer 1

Это потому, что вам нужно, чтобы закрыть кавычки для конкатенации строк. JavaScript не будет интерпретировать переменные в строках. Вам также не нужна запятая в конце строки, это приведет к недействительности значения свойства CSS.

document.getElementById("all_rating").style.background = "transparent url(http://image.ohozaa.com/i/eb0/OZDobo.png) no-repeat 0px " + bg_position + "px"; 

Кроме того, я бы рекомендовал только обновить backgroundPosition свойства, а не вся background собственности.

document.getElementById("all_rating").style.backgroundPosition = "0px " + bg_position + "px";