Иллюстрированный самоучитель по WEB-графике


Примеры скриптов - часть 3


}

</SCRIPT>

</HTML>

В данном примере мы воспользовались объектом event, который содержит информацию о каком-либо событии (в нашем случае — о щелчке). Свойство srcElement этого объекта содержит информацию об элементе страницы, с которым связано событие (в нашем случае это какая-то кнопка). Мы хотим изменить параметр background, относящийся не непосредственно к кнопке, а к ее стилю (style). Именно поэтому мы изменяем значение свойства event.srcElement.style.backgroundColor.

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

Мигание

В этом примере мы создаем с помощью тэга таблицы рамку, окаймляющую текст. С помощью скрипта цвет рамки будет периодически изменяться, создавая эффект мигания.

<HTML>

<TABLE BORDER=1 WIDTH=180 ID="mytab" style="border:

7px solid:yellow">

<ТR> <ТD>Мигающий бордюр</ТD> </ТR>

</TABLE>

<SCRIPT>

function flash() // изменение цвета бордюра

{

if (.'document. all) // ничего в документе нет

return;

if (mytab.style.borderColor=='yellow')

mytab.style.borderColor='red'; else

mytab.style.borderColor='yellow';

}

setlnterval("flash()",500);

// мигание бордюра с периодом 500 мс

</SCRIPT>

</HTML>

В скрипте периодически с помощью метода setlnterval () вызывается функция flash (), которая назначает цветрамки таблицы; setlnterval () является методом объекта window. Он принимает два параметра: функцию, которую следует периодически запускать, и число, равное периоду запусков в миллисекундах. В нашем примере функция flash () задания цвета рамки запускается через каждые 500 мс.


Ссылки, переливающиеся цветами радуги


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




Начало  Назад  Вперед