Здесь собраны небольшие советы по использованию приемов CSS для различных целей.
Со ссылками, при помощи CSS, можно сделать интересную особенность. Цвет ссылки, при наведении
на нее курсора мыши, остается неизменным, но зато у нее появляется подчеркивание другого
цвета, нежели сама ссылка. Данный прием не работает в браузерах Netscape 4.x и Internet
Explorer 5.
Пример 1. Изменение цвета подчеркивания у ссылок
|
НАВЕДИ СЮДА КУРСОР, УВИДИШЬ РЕЗУЛЬТАТ |
Цвет фона ячейки меняется, когда курсор мыши наводится на нее. Наведение мыши на область отслеживается событием onMouseOver, а вывод мыши за ее пределы - событием onMouseOut. Поскольку цвет фона меняется у той же самой ячейки, на которую наводим курсор мыши, то изменение стиля делается с помощью метода this.style.background.
Пример 2. Изменение цвета фона
|
Пункт 1 | Пункт 2 |
В примере используется изменение серого цвета фона на оранжевый.В браузере Netscape 4.x приведенный способ не работает.
Подчеркивание текста у ссылок настолько устоялось, что любое другое применение такого оформления будет с ними ассоциироваться. Чтобы не вводить посетителей сайта в заблуждение, никогда не используйте подчеркивание для обычного текста, только для ссылок. Но подчеркивание можно использовать разное, например, в виде пунктирной линии. Для этого создадим новый стиль, в котором будем использовать параметр border-bottom, он создает линию под текстом;
Пример 3. Создание пунктирного подчеркивания для ссылок
|
В примере создается стиль для ссылки, который при наведении не нее курсором мыши создает у текста пунктирное подчеркивание синего цвета.
Обратите внимание, пунктирное подчеркивание появляется чуть ниже обычного подчеркивания ссылки.
Для создания просто подчеркнутого текста без ссылки, проще создать новый класс и применять его в нужном месте.
Пример 4. Создание пунктирного подчеркивания для текста
|
Динамический HTML - способ управления свойствами объектов на веб-странице, такие как, графика, текст, элементы форм и другое, без необходимости обновления всей страницы.
[Назад] [Содержание]