VPF::Отменить действие при наведении на элемент

Garik86

Дата 23.8.2010, 21:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 23.8.2010

Репутация: нет
Всего: нет

Всем привет! Помогите пожалуйста решить проблему.
Вобщем мне нужно чтобы при навдении на картинку она закрашивалась определенным цветом и на этом фоне выводился текст, а когда курсор уводится с этого фона, все возвращается как было. Написал следующий код:

Код


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 и появляется исходная картинка. Собственно вопрос, как мне сделать чтобы при наведении на текст ничего не происходило. А менялось только тогда, когда курсор уводится с самого фона. Заранее спасибо!

Amphiluke

Дата 23.8.2010, 21:50 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Похоже, вам нужно это…

Garik86

Дата 24.8.2010, 18:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 23.8.2010

Репутация: нет
Всего: нет

Спасибо Amphiluke! Да, похожая проблема

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »