Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Сложный вопрос по css
цитата
08/02/04 в 00:36
 Colin Drury
Имеется текстовая ссылка. Слева от ссылки есть графический элемент bullet (ссылкой он HЕ является). Как сделать так, чтобы при
событии онмаусовер на ссылку цвет bullet'a изменялся (или картинка заменялась другой)?
цитата
08/02/04 в 11:07
 sAx
А при чем тут 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". Незабудь сделать предзагрузку картинки, на которую будет меняться исходная (чтоб юзер не ждал.)
цитата
08/02/04 в 12:11
 fil
можно еще проще. (к тому ж картинка должна быть вне ссылки, как я понял)

Код:
<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>
цитата
08/02/04 в 14:32
 Colin Drury
Цитата:
<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 и т.д.
Можно ли это как-то оптимизировать?
цитата
18/02/04 в 21:38
 myxamore6e
насколка известно мне то нет, таке как нада каждеи раз давате другои img. если я осхебаюс то поправти.


Эта страница в полной версии