скачать бесплатно варез, статьи по ucoz php css, новости ...
Суббота, 30.05.2026, 22:34
..::Меню сайта::..
..::Софт разделы::..
Статьи по html [3]
Новости софта [1]
Статьи по css [22]
Статьи по php [2]
Статьи по uCoz [4]
..::Новости Дня::..
..::Наш опрос::..
Оцените мой сайт
Всего ответов: 111
..::Статистика::..

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Статьи по css

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

<table id=table onMouseover="table.bgColor='red'" onMouseOut="table.bgColor='white'" bgcolor=white border=1><tr><td>
При наведении курсора мышки на таблицу она поменяет цвет.
</
td></tr></table>

При наведении мышки на область таблицы она изменит цвет с белого на красный. Соответственно, когда курсор мышки вновь покинет эту область, она вновь станет белой.

Аналогичным образом можно менять не только цвет, но и фоновый рисунок таблицы.

А вот ещё небольщой пример, который демонстрирует, как можно с помощью CSS динамически обвести таблицу контуром:

<table id=tabl1e onMouseover="table1.border=&#392;" onMouseOut="table1.border=0'" border=0><tr><td>
<
a href=#>При наведении курсора мышки на таблицу она очертится контуром;/a>
</td></tr></table>

Как Вы можете заметить, CSS даёт достаточно немалые возможности создания динамической страницы для последующего отображения в Internet Explorer. Для Netscape Navigator, чтобы реализовать что-то подобное, требуется либо использовать графические элементы, либо слои. Однако фиксация шрифтов работает и для того и для другого броузера так же, как и реализация не подчеркнутых ссылок, а это уже даёт неплохое поле для деятельности.
Категория: Статьи по css | Добавил: Cheery (05.08.2009)
Просмотров: 665 | Теги: Изменение фона в таблице css, статьи по css | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
..::Форма входа::..
..::Поиск::..
..::Софт каталог::..