Магазин портативной техники "Портатив"
:: на главную
Web-мастеру > Таблица мигает при наведении мыши

В этой статье я расскажу, как достичь "загорания" таблицы при наведении на нее мышкой. Этот пример, к сожалению, работает только в 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.

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

<< НАЗАД