Всем привет! Помогите пожалуйста решить проблему.
Вобщем мне нужно чтобы при навдении на картинку она закрашивалась определенным цветом и на этом фоне выводился текст, а когда курсор уводится с картинки, все возвращается как было. Написал следующий код:
function t(obj,elem,text) {
x=obj.style;
x[elem]="none";
document.getElementById('test').innerHTML = '<span>' + text + '</span>';
}
function t2(obj,elem,img) {
x=obj.style;
x[elem]="url(img/"+img+")";
document.getElementById('test').innerHTML = '';
}
<div id="test" style="width:100px;height:100px;background-image:url(img/3.jpg);background-color:#0293DD;" onmouseover="t(this,'backgroundImage','текст для вставки')" onmouseout="t2(this,'backgroundImage','3.jpg')"></div>
В принципе все работает, но при наведении курсора на текст, срабатывает событие onmouseout и появляется исходная картинка. Собственно вопрос, как мне сделать чтобы при наведении на текст ничего не происходило. А менялось только тогда, когда курсор уводится с самого фона. Заранее спасибо!