Блог веб- разработчика

30.04.2009 13:08

Изменение стиля CSS при помощи JavaScript

Задача: изменять фоновый рисунок при наведении мышкой.

Одно из решений:

<div class="hot_offer" onmouseover="javascript: this.style.backgroundImage='url(img/bg_ho_active.jpg)'; "  onmouseout="javascript: this.style.backgroundImage='url(img/bg_ho.jpg)'; "  >

 

Соответственно, в классе прописано 

    background: transparent url('/img/bg_ho.jpg') no-repeat top left;        

Тонкость тут в размещении кода внутри тэга. Почему-то такая конструкция не работает:

 <div class="hot_offer" onmouseover="javascript: this.style.backgroundImage='url('img/bg_ho_active.jpg')'; "  onmouseout="javascript: this.style.backgroundImage='url('img/bg_ho.jpg')'; "  >

Кавычки, обрамляющие имя файла, лишние