Реклама на сайте Advertise with us
Тема: Сложный вопрос по css Расширенный поиск по форуму
 
Внимание! В связи с устареванием топика эта страница была взята из кэша.
Автор Сообщение
Информация о пользователе Colin Drury


Зарегистрирован: 08.07.03
Сообщения: 1033
Ссылка на сообщениеДобавлено: 08/02/04 в 00:36     

Имеется текстовая ссылка. Слева от ссылки есть графический элемент bullet (ссылкой он HЕ является). Как сделать так, чтобы при
событии онмаусовер на ссылку цвет bullet'a изменялся (или картинка заменялась другой)?

K началу

 
Информация о пользователе sAx


Зарегистрирован: 07.06.00
Сообщения: 2241
Ссылка на сообщениеДобавлено: 08/02/04 в 11:07     

А при чем тут css?? Чистейшей воды ЖабаСкрипт!

Код:
<A HREF="bla"
            ONMOUSEOVER="changeImages('05m', 'images/menu_point_o.gif'); return true;"
            ONMOUSEOUT="changeImages('05m', 'images/menu_point.gif'); return true;">
               <IMG SRC="images\menu_item.gif"></a>
<A HREF="bla"
            ONMOUSEOVER="changeImages('05m', 'images/menu_point_o.gif'); return true;"
            ONMOUSEOUT="changeImages('05m', 'images/menu_point.gif'); return true;">
               <IMG name="05m" SRC="images\menu_point.gif"></a>


Обрати внимание на то, что наведение мышой на любой из линков меняет картинку name="05m". Незабудь сделать предзагрузку картинки, на которую будет меняться исходная (чтоб юзер не ждал.)

K началу

 
Информация о пользователе fil


Зарегистрирован: 16.10.02
Сообщения: 287
Ссылка на сообщениеДобавлено: 08/02/04 в 12:11     

можно еще проще. (к тому ж картинка должна быть вне ссылки, как я понял)

Код:
<div onMouseOver="i1.src='imgOver.gif'" onMouseOut="i1.src='imgOut.gif'"><img src="imgOut.gif" name="i1"><a href="http://">text</a></div>


или так:

Код:
<span onMouseOver="i2.src='imgOver.gif'" onMouseOut="i2.src='imgOut.gif'"><img src="imgOut.gif" name="i2"><a href="http://">text</a></span>

K началу

 
Информация о пользователе Colin Drury


Зарегистрирован: 08.07.03
Сообщения: 1033
Ссылка на сообщениеДобавлено: 08/02/04 в 14:32     

Цитата:
<span onMouseOver="i2.src='imgOver.gif'" onMouseOut="i2.src='imgOut.gif'"><img src="imgOut.gif" name="i2"><a href="http://">text</a></span>

Вот это похоже на то, что я хотел, но с оговорками.
В данном случае прийдется для КАЖДОЙ ссылки прописывать i1, i2, i3 и т.д.
Можно ли это как-то оптимизировать?

K началу

 
Информация о пользователе myxamore6e


Зарегистрирован: 30.11.03
Сообщения: 15
Ссылка на сообщениеДобавлено: 18/02/04 в 21:38     

насколка известно мне то нет, таке как нада каждеи раз давате другои img. если я осхебаюс то поправти.

K началу

 
Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!
Внимание! В связи с устареванием топика эта страница была взята из кэша.

Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »