Псевдокласс :active.

В переводе с англ. - "активный" – определяет любой элемент в момент его активации. Например, гиперссылка по которой щелкнул пользователь (в момент удержания кнопки мыши нажатой).

a:active{color:red;}

Синтаксис

<style type="text/css">

.pseudo-classes a:link{color:blue;}

.pseudo-classes a:visited{color:purple;}

.pseudo-classes a:hover{color:blue; background:yellow;}

.pseudo-classes a:active{color:red; background:yellow; font-weight:bold;}

</style> <div class="pseudo-classes">

<a href="/index.php/spravochnik-css/psevdoklassy-111.html#link"> Псевдокласс :link</a> <br />

<a href="/index.php/spravochnik-css/psevdoklassy-111.html#visited"> Псевдокласс :visited</a> <br />

<a href="/index.php/spravochnik-css/psevdoklassy-111.html#hover"> Псевдокласс :hover</a> <br /> <a href="/index.php/spravochnik-css/psevdoklassy-111.html#active"> Псевдокласс :active</a>

</div> 

38. Создание динамических эффектов: изменение цвета полосы прокрутки, изменение стиля курсора. Пример.

Оформление полосы прокрутки у них значительно отличается от классической схемы, т.е. от традиционного серого цвета. Цвет полосы меняется в соответствии с общей цветовой гаммой сайта. Рассмотрим свойства, позволяющие изменить вид полосы прокрутки (рисунок), — каждое из них отвечает за цвет отдельного элемента.

• 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 - цвет фона полосы прокрутки.

Все указанные свойства не относятся к официальной спецификации CSS, поэтому не поддерживаются никакими другими браузерами, которые их просто игнорируют. Однако это не мешает их использовать, - просто в остальных браузерах полоса прокрутки будет выглядеть обычно.

Попробуйте задать такие цвета или придумайте свои собственные. Можно попробовать для начала задать очень яркие цвета, чтобы сразу увидеть изменения, а затем уже подобрать более подходящие к вашему документу оттенки. В дальнейших разделах рассмотрим еще несколько хитростей CSS, которые могут пригодиться в работе.

CSS2 позволяет изменять значок курсора, что намного упрощает создание веб-приложений, функциональность которых аналогична настольным приложениям операционной системы. Например, над ссылкой на файлы справки курсор мог бы превратиться в значок «справка», например в вопросительный знак. Это делается с помощью свойства cursor. Если установлено значение по умолчанию, auto, то агент пользователя должен сам определить значок курсора, наиболее подходящий для текущего содержимого. Это не то же самое, что значение default, выбирающее системный курсор, применяемый по умолчанию. Стандартный курсор – это, как правило, стрелка, но не обязательно, все зависит от текущих настроек рабочей среды.