Логин: Пароль: Забыли пароль? Регистрация
Рекламный блок

              

Страница 1 из 11
Форум » FOR WEB-MASTER`S » Учебник » Манипулирование цветами скроллбара с помощью CSS и JavaScrip
Манипулирование цветами скроллбара с помощью CSS и JavaScrip
cookДата: Пятница, 11.02.2011, 12:55 | Сообщение # 1

Уникальный Человек
Репутация: 1004
Сообщений: 1056
Награды: 3
Статус:
Минус в заданном по умолчанию цвете полосы прокрутки состоит в том, что он является унылым и некрасивым – обычно этот цвет серый. Возможно, не было бы лишним изменить эту расцветку на более яркую и подходящую, соответствующую духу и стилю вашего сайта. К счастью (а может и к несчастью), этого мы можем добиться с помощью средств CSS и JavaScript.
Использование CSS
Для изменения цветов скроллбара просто добавьте следующие описания в header страницы. Большим плюсом CSS является то, что если броузер не понимает определенные описания и определения, то он их просто игнорирует. Следует заметить, что раскраска скроллбаров поддерживается только броузером IE5.5 и выше.

Наверняка, вы никогда не представляли, что полоса прокрутки состоит из такого числа компонентов. Первые три строки-определения наиболее важны, так как описывают наиболее видимую часть скроллбара. Попробуйте «поиграться» с другими определениями, чтобы лучше понять на что каждое из них влияет.
Использование JavaScript

Также можно использовать JavaScript для динамического изменения цветов полосы прокрутки. Это поможет сделать что-нибудь, поражающее воображение, например – переливание цветов. Определения CSS в переводе на JavaScript выглядят так:
document.body.style.scrollbarFaceColor="colorname" document.body.style.scrollbarArrowColor="colorname" document.body.style.scrollbarTrackColor="colorname" document.body.style.scrollbarShadowColor="colorname" document.body.style.scrollbarHighlightColor="colorname" document.body.style.scrollbar3dlightColor="colorname" document.body.style.scrollbarDarkshadowColor="colorname"

Пример «мигающего» скроллбара с периодом смены цвета в одну секунду:

Более сложный пример манипуляции с цветами полосы прокрутки, использующий JavaScript, так называемый onMouseover Scrollbar Effect, написал Svetlin Staev. Он изменяет цвета при наведении и удалении курсора мыши от скроллбара.

Сейчас встречается все больше и больше сайтов с изменённым цветом полосы прокрутки, которые пытаются «подогнать» стиль скроллбара к стилю самого сайта. У этой тенденции есть как противники так и поклонники. Использовать или нет – решать вам. Мое мнение – только опытный дизайнер может себе это позволить.

 
Форум » FOR WEB-MASTER`S » Учебник » Манипулирование цветами скроллбара с помощью CSS и JavaScrip
Страница 1 из 11
Поиск:


Статистика форума Zorend.ru
Последние темы Популярные темы Лучшие пользователи Новые пользователи Звезды ZOREND`a
Глобальное обновление
Пара Анекдотов
Правила раздела
Считаем до 1000
Какая видео карта сейчас нормальная?
WebThumb 2.0 - Обмен посетителями на ваш сайт
халявные Icq налетай!
Аву плиз
 Считаем до 1000
 Конкурс "Уникальный человек"
 Участники конкурса "Уникальный человек"
 Играем в города :)
 Ваш аппарат
 Жалобы на участников конкурса "Уникальный человек"
 Зимняя шапка.
 Смайлики
Timoha - (Сообщений: 1091)
cook - (Сообщений: 1056)
pikus - (Сообщений: 1012)
Adrianoosem - (Сообщений: 419)
n1ceman - (Сообщений: 319)
b0ot - (Сообщений: 313)
sg-ua - (Сообщений: 250)
Аватар - (Сообщений: 250)
Alisasslom - (Зарегистрирован: 20.07.2015)
donkj4 - (Зарегистрирован: 20.07.2015)
meroslEr - (Зарегистрирован: 20.07.2015)
MelvinRat - (Зарегистрирован: 20.07.2015)
randiew16 - (Зарегистрирован: 20.07.2015)
ArthurGers - (Зарегистрирован: 20.07.2015)
CharlesCida - (Зарегистрирован: 20.07.2015)
guydd11 - (Зарегистрирован: 20.07.2015)
friendgog - (Репутация: 1187)
cook - (Репутация: 1004)
b0ot - (Репутация: 500)
pikus - (Репутация: 201)
Вадим - (Репутация: 102)
Timoha - (Репутация: 7)
-Wicked - (Репутация: 5)
plan - (Репутация: 5)