В этой статье я расскажу, как достичь "загорания" таблицы при наведении на нее мышкой. Этот пример, к сожалению, работает только в Internet Explorer, а Netscape его просто игнорирует. Для достижения эффекта "загорания таблицы" надо вставить в ее тег следующие переменные:

onmouseout="this.style.backgroundColor='#C0C0C0'" onmouseover="this.style.backgroundColor='#E1E1E1'" Где первая строка обозначает цвет обычной таблицы, а вторая строка задает цвет активной таблицы.

Для понятности рассмотрим все на конкретных примерах: ТАБЛИЦА#1 - обычная таблица, ТАБЛИЦА#2 - таблица, которая меняет свой цвет при наведении мышки:

ТАБЛИЦА #1

Код первой таблицы выглядит так: <td><p align="center" bgcolor="#C0C0C0" > ТАБЛИЦА #1</td>

Теперь рассмотрим таблицу, которая будет загораться при наведении мышки. Ее обычный цвет - #C0C0C0, а цвет активный - #E1E1E1.

ТАБЛИЦА #2

Код второй таблицы выглядит так: <td><p align="center" bgcolor="#C0C0C0" onmouseout="this.style.backgroundColor='#C0C0C0'" onmouseover="this.style.backgroundColor='#E1E1E1'"> ТАБЛИЦА#2</td>

Теперь с помощью этого трюка можно создавать, например, менюшки навигации, да и не только их ... в общем экспериментируйте. Но, одно неудобство, - работает это только в Internet Explorer.

Автор: Кушнерук Денис

<< НАЗАД