ТвойWeb :: Версия для печати :: Смена стиля под мышкой

1. Валерий - 28 Марта, 2005 - 07:01:57 - перейти к сообщению

Я так поянл, что реально это возможно. Улыбка

Делаю ссылку с тем, чтобы она менялась под мышкой вместе с квадратиком, в который включена.
И квадратик, и фон, и ссылку задаю в стилях.

Уточню: при этом получается эффект, абсолютно анологичный ссылке-картинке, когда при наведении мышки картинка меняется. Но я не хочу картинку, я хочу стилем.
Не много хочу? Однако

Как правильно написать смену стиля при наведении мышки?

2. Анна - 28 Марта, 2005 - 07:42:57 - перейти к сообщению

Валерий
Без JS - никак.

3. SviMik - 28 Марта, 2005 - 07:54:20 - перейти к сообщению

Ты имеешь ввиду стиль текста? Тогда вот пример:

CODE:

<span onmouseover="this.style.background='00FF00';this.style.color='FF0000'" onmouseout="this.style.background='0000FF';this.style.color='FFFF00'">hhhhhhhhhhhhh</span>

Или фоновый рисунок под текстом:

CODE:

<span onmouseover="this.style.background='url(risunok.gif)';" onmouseout="this.style.background='url(risunok2.gif)';">hhhhhhhhhhhhh</span>

Это ты хотел?\n\n(Добавление)

Анна пишет:

Без JS - никак.

Ну если это линк, то можно через A:link и A:hover. Или до меня так и не дошло, что нужно?

4. Валерий - 28 Марта, 2005 - 08:10:25 - перейти к сообщению

Анна
SviMik
Спасибо!
Смотрите, что я украл

CODE:

<TR>
<TD class=menu id=menu2><A class=menuLink
onmouseover="appl_cl('menu2', 'menuHover')"
onmouseout="appl_cl('menu2', 'menu')"
href="http://belta.by/News.nsf/ByRubrics?OpenView&RestrictToCategory=Президент%20Республики%20Беларусь&Count=10">Президент
РБ</A> </TD></TR>

Это тот эффект.
Мне непонятно это ID и appl_cl
Поможете разобраться?

5. TvoyWeb - 28 Марта, 2005 - 08:21:39 - перейти к сообщению

Валерий пишет:

Мне непонятно это ID и appl_cl

appl_cl - это пользовательская функция которая была определена где в JavaScript'е

6. Анна - 28 Марта, 2005 - 08:25:10 - перейти к сообщению

SviMik
И все это вместе с фоном, чтобы являлось ссылкой. Радость

ЗЫ
Это не твоя вина, это Валерий так "умеет" изъяснятся.

7. TvoyWeb - 28 Марта, 2005 - 09:58:06 - перейти к сообщению

Меняем класс элемента при наведении курсора на элемент.

CODE:

<html>
<head>
<title>Смена класса элемента</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">

</style>
</head>
<body>
<span class="out" onMouseOver="this.className='over';" onMouseOut="this.className='out';">Меняем
класс элемента при наведении курсора на элемент</span>
</body>
</html>

8. Валерий - 28 Марта, 2005 - 10:01:41 - перейти к сообщению

Анна
Я вообще-то старался...

И так, стиль под мышкой можно изменить - это факт.
Стилем же можно задать рамку вокруг текста, фон в рамке, сам текст.
Разве же это не будет эффект как при смене настоящей картинки?

TvoyWeb
В том то и дело, что не нашел я ее в скриптах... Недовольство, огорчение

вот страница http://belta.by
Или опять я плохо ищу...
\n\n(Добавление)
TvoyWeb
Спасибо!
Уже списал...

9. TvoyWeb - 28 Марта, 2005 - 10:11:39 - перейти к сообщению

Валерий пишет:

В том то и дело, что не нашел я ее в скриптах.

А ты посмотри в самом начале кода той страницы

CODE:

Как раз в global.js эта функция и определена Улыбка

10. Валерий - 28 Марта, 2005 - 10:49:26 - перейти к сообщению

Цитата:

Как раз в global.js эта функция и определена

Чем дальше в лес...
А где же та функция?
Или в списке глобальных функций (я так понимаю global.js) она уже есть заранее? И, определив, что мы польземся списком, можно вытаскивать потом любую функцию оттуда, какая там есть, так?

Прошу прощения Однако