Иногда, попадая на какой-то сайт, цвет
полос прокрутки браузера меняется. Правда происходит это только в том случае, если
ваш браузер Internet Explorer версии не ниже 5.5. Создают такой эффект при помощи
таблиц каскадных стилей (CSS, Cascading Style Sheets). На сегодняшний день существуют
восемь атрибутов, которыми можно задавать различные параметры полос прокрутки (см.
Рисунок 1):
Рисунок 1. Соответствие параметров
элементам прокрутки
scrollbar-3d-light-color
- цвет контуров трехмерности;
scrollbar-arrow-color - цвет стрелочек;
scrollbar-base-color - базовый цвет (общий фон);
scrollbar-dark-shadow-color - цвет внешней тени;
scrollbar-face-color - цвет ползунков;
scrollbar-highlight-color - цвет контуров подсветки;
scrollbar-shadow-color - цвет внутренней тени;
scrollbar-track-color - цвет полос.
Чтобы изменить цвет прокрутки, поместите
данные параметры в тэг <BODY>, а в качестве значений присвойте шестнадцатеричный
код цвета или его название на английском языке, например:
<BODY style="scrollbar-3d-light-color:
blue; scrollbar-arrow-color: blue; scrollbar-base-color: red; scrollbar-dark-shadow-color:
white; scrollbar-face-color: lightgreen; scrollbar-highlight-color:
red; scrollbar-shadow-color: red; scrollbar-track-color: green;">
Не обязательно использовать одновременно
все атрибуты, иногда достаточно только одного - scrollbar-base-color. Если
немного "проиграться" с этими параметрами, то можно добиться очень интересных эффектов
с прокруткой. Один из таких эффектов наглядно продемонстрирован на рисунке 2.
Рисунок 2. Пример измененных
полос прокрутки
Перейти к рубрике --> CSS |
