35. Создания динамических эффектов с элементами языка JavaScript для обработки различных событий: изменение фона таблицы. Пример.

Чтобы плавно сменить каждому элементу фон или цвет напишим небольшой скрипт:

1	<script type="text/javascript">
2	//для текста

3	var fef_text=new fade();
4	fef_text.ini('#0000ff','#ff0000',25,30,'text','color');

5	//для блока с фоном
6	var fef_block=new fade();

7	fef_block.ini('#ff0000','#00ff00',25,30,'block','backgroundColor');
8	</script>

Посмотреть пример

Теперь давайте разберемся что мы вообще делаем и какие параметры передаем в функцию ini()

Сразу скажу что передать параметров этой функции можно больше, но об этом позднее И так пишу общий вид функции

ini('начальный цвет','конечный цвет',число переходов,время таймера,'id элемента','css параметр',функция по завершению работы скрипта);

'#ff0000' - начальный цвет '#00ff00'-конечный цвет 25 - число переходов или кадров, это число не должно быть большим и по любому должно быть меньше 100 30 - время таймера 'block' - id элемента 'backgroundColor' - свойство стиля элемента которому будет присваиваться значение цвета

36. Создания динамических эффектов с элементами языка JavaScript для обработки различных событий: изменение стиля текста. Пример.

37. Динамические гиперссылки в css с помощью псевдоклассов ссылок. Пример.

Псевдоклассы - позволяют определить класс, которого в действительности нет в исходном коде документа, но в зависимости от действий пользователя и состояния элемента может появиться.

Например, элемент а (гиперсылка) может быть непосещенной, посещенной и активной (в момент наведения на неё указателя мыши). Для каждого из состояний этой гиперссылки CSS определяет свой псевдокласс.

Псевдоклассы выглядят следующим образом:

:link

Начинаются с двоеточия, за которым следует имя псевдокласса. 

Псевдоклассы гиперссылок.

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

В переводе с анл. - "ссылка" - обозначает еще не посещенную пользователем гиперссылку.

a:link{color:blue;}

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

В переводе с англ. - "посетил" – обозначает уже посещенную ранее гиперссылку.

a:visited{color:purple;} 

Динамические псевдоклассы.

Этот тип псевдоклассов образуется в результате каких либо действий пользователя.

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

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

Например элемент a, на который пользователь навел указатель мыши, но еще не активировал (не кликнул на нем).

a:hover{color:blue; font-size:1.6em;} 

* Псевдокласс :hover применим к любым элементам. Но IE6 поддерживает его только для гиперссылок (элементов а).