Изменение свойств объекта при наведении мыши

6 views
Skip to first unread message

Петров Николай

unread,
Dec 15, 2007, 9:55:11 AM12/15/07
to Веб-мастер Клуб
Можно совершенно кардинальным образом изменить стиль любого объекта
при наведении мыши без использования JavaScript:

<tr bgcolor="#ffffff" onmouseout="bgColor="#FFFFFF""
onmouseover="bgColor="#e4eef5"">

Этот код я нашел сегодня на сайте http://www.spb.ultracomp.ru/, и
сразу в голове появилась куча мыслей о том как его можно использовать.

Подобным образом можно менятть стили любого объекта:
onmouseout="class="border1"" onmouseover="class="border2""

и даже делать "живые" меню с использованием картинок без яваскрипта!:
onmouseout="style="background-image:url(back1.gif)""
onmouseover="style="background-image:url(back2.gif)""

Круто, правда? ;)

Работоспособность последних двух примеров не проверял, но по идее
должно работать.

Dimox

unread,
Dec 15, 2007, 11:09:58 AM12/15/07
to Петров Николай
Здравствуйте, Николай.

А вы думаете, что "onmouseout" и "onmouseover" не ява-скрипты? :))))

Тогда попробуйте отключить в браузере поддержку ява-скрипта и
посмотрите, сработает ли ваш пример :).

Используемые параметры, реагирующие на поведение мыши - самый что ни
на есть ява-скрипт, только инлайновый.

Так что зря радуетесь ;).


Вы писали суббота, 15 декабря 2007 г., 17:55:11:

> Можно совершенно кардинальным образом изменить стиль любого объекта
> при наведении мыши без использования JavaScript:

> <tr bgcolor="#ffffff" onmouseout="bgColor="#FFFFFF""
> onmouseover="bgColor="#e4eef5"">

> Этот код я нашел сегодня на сайте http://www.spb.ultracomp.ru/, и
> сразу в голове появилась куча мыслей о том как его можно использовать.

> Подобным образом можно менятть стили любого объекта:
> onmouseout="class="border1"" onmouseover="class="border2""

> и даже делать "живые" меню с использованием картинок без яваскрипта!:
> onmouseout="style="background-image:url(back1.gif)""
> onmouseover="style="background-image:url(back2.gif)""

> Круто, правда?

> Работоспособность последних двух примеров не проверял, но по идее
> должно работать.

>

--
С уважением,
Dimox

Web: http://dimox.name

Петров Николай

unread,
Dec 15, 2007, 2:27:10 PM12/15/07
to Веб-мастер Клуб
Ах да, что-то я стормозил... действительно это скрипт.
Наверное это я перепутал с какими-то свойствами CSS.

Александр

unread,
Dec 15, 2007, 3:14:54 PM12/15/07
to HTML...@googlegroups.com
On 12/15/07, Петров Николай <petr...@gmail.com> wrote:
> Ах да, что-то я стормозил... действительно это скрипт.
> Наверное это я перепутал с какими-то свойствами CSS.
:hover


--
--------------------------------------------
Со мной можно связаться:
email: ak...@phpcom.ru, beshk...@gmail.com
icq: 273433
jabber: beshk...@gmail.com

Reply all
Reply to author
Forward
0 new messages