Форма входа

mvcreative

Старая форма входа

  • Страница 1 из 1
  • 1
Модератор форума: BSide  
Форум MVCreative » сделаем креативный uCoz » Форум веб мастеров » Учебник » Цвета скроллбара с помощью CSS и JS
Цвета скроллбара с помощью CSS и JS
creARTsДата: Четверг, 22.07.2010, 11:25 | Сообщение # 1
-Wicked aka wise
Группа: Проверенные
Пользователь №: 78
Сообщений: 307
Награды: 10
Репутация: 16
Статус: оффлайн
Минус в заданном по умолчанию цвете полосы прокрутки состоит в том, что он является унылым и некрасивым – обычно этот цвет серый. Возможно, не было бы лишним изменить эту расцветку на более яркую и подходящую, соответствующую духу и стилю вашего сайта. К счастью (а может и к несчастью), этого мы можем добиться с помощью средств CSS и JavaScript.
Использование CSS

Для изменения цветов скроллбара просто добавьте следующие описания в header страницы. Большим плюсом CSS является то, что если броузер не понимает определенные описания и определения, то он их просто игнорирует. Следует заметить, что раскраска скроллбаров поддерживается только броузером IE5.5 и выше.

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

Также можно использовать JavaScript для динамического изменения цветов полосы прокрутки. Это поможет сделать что-нибудь, поражающее воображение, например – переливание цветов. Определения CSS в переводе на JavaScript выглядят так:

Code
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. Он изменяет цвета при наведении и удалении курсора мыши от скроллбара.

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

 
вверх
Форум MVCreative » сделаем креативный uCoz » Форум веб мастеров » Учебник » Цвета скроллбара с помощью CSS и JS
  • Страница 1 из 1
  • 1
Поиск: