|
Главная Скачать (Download) Dreamweaver CS6 Dreamweaver CS5 Dreamweaver CS4 Dreamweaver 8 Dreamweaver MX 2004 - Рабочая область
Dreamweaver 4- Создание/ открытие документов - Настройка сайта - Компоновка страниц с CSS - Табличный контент - Шаблоны в MX 2004 - Работа с страницами - Настройка серверных приложений - Рабочая область для динамических страниц Уроки (Tutorials) Видеоуроки new!!! Fireworks ЧаВо Документация Статьи Программы и скрипты Бесплатные шаблоны Каталог сайтов Форум Карта сайта Контакты |
Манипулирование цветами скроллбара с помощью CSS и JavaScript Минус в заданном по умолчанию цвете полосы прокрутки состоит в том, что он является унылым и некрасивым - обычно этот цвет серый. Возможно, не было бы лишним изменить эту расцветку на более яркую и подходящую, соответствующую духу и стилю вашего сайта. К счастью (а может и к несчастью), этого мы можем добиться с помощью средств CSS и JavaScript. Использование CSS Для изменения цветов скроллбара просто добавьте следующие описания в header страницы. Большим плюсом CSS является то, что если броузер не понимает определенные описания и определения, то он их просто игнорирует. Следует заметить, что раскраска скроллбаров поддерживается только броузером IE5.5 и выше. <style> <!-- BODY{ scrollbar-face-color:#8080FF; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#DDDDFF; scrollbar-shadow-color:''; scrollbar-highlight-color:''; scrollbar-3dlight-color:''; scrollbar-darkshadow-Color:''; } --> Наверняка, вы никогда не представляли, что полоса прокрутки состоит из такого числа компонентов. Первые три строки-определения наиболее важны, так как описывают наиболее видимую часть скроллбара. Попробуйте "поиграться" с другими определениями, чтобы лучше понять на что каждое из них влияет. Использование 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" Пример "мигающего" скроллбара с периодом смены цвета в одну секунду: <script> var mode=0 function blinkscroll(){ Более сложный пример манипуляции с цветами полосы прокрутки, использующий JavaScript, так называемый onMouseover Scrollbar Effect, написал Svetlin Staev. Он изменяет цвета при наведении и удалении курсора мыши от скроллбара. Сейчас встречается все больше и больше сайтов с изменённым цветом полосы прокрутки, которые пытаются "подогнать" стиль скроллбара к стилю самого сайта. У этой тенденции есть как противники так и поклонники. Использовать или нет - решать вам. Мое мнение - только опытный дизайнер может себе это позволить. Автор: Denveroid
Реклама |
|
|