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

Изменение стиля CSS при помощи JavaScript30.04.2009 00:00

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

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

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

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

 

 

<<< Использование специальных символов HTML
Использование специальных символов HTML
Модный Lightbox от Lokesh Dhakar >>>
Модный Lightbox от Lokesh Dhakar