Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Unix.docx
Скачиваний:
3
Добавлен:
01.03.2025
Размер:
1.91 Mб
Скачать

Настройка встроенных объектов Web-браузера

Добавление свойств и методов в уже существующий встроенный объект проводится с помощью ключевого слова prototype (другими словами, создается прототип уже существующего объекта. Prototype — это, в данном случае, название конструктора объекта.). Последовательность действий следующая:

1) Описать функцию (переменную), которая станет новым методом (свойством) встроенного объекта.

Пример:

function Metod ( ) { documentwriteln (" Этот метод добавлен ко встроенному объекту ! "); } Svoistvo = " Это новое свойство встроенного объекта ";

2) Добавить метод (свойство) во встроенный объект, используя ключевое слово prototype. Пример:

String.prototype.newMetod = Metod; String.prototype.newSvoistvo = Svoistvo;

3) Использование методов и свойств. Пример: stroka = new String ("Строка");

stroka . newMetod ( ); documentwriteln ( stroka . newSvoistvo );

Отображение бегущих строк

Используя функции работы со строками и объект Math, описанные в лекциях по Java, а также метод SetTimeout объекта Window (см. лекции по VBScript) можно создать бегущие строки. Пример приведен ниже:

<HTML> <HEAD>

<SCRIPT LANGUAGE="JavaScript">

var msg = "Это пример бегущей строки. Впечетляет?";

spacer = " ";

pos = 0;

function ScrollMessage(){

window.status = msg.substring(pos, msg.length) + spacer + msg.substring(0,pos); pos++;

if (pos > msg.length) pos = 0; window.setTimeout("ScrollMessage()",100); } ScrollMessage();

</SCRIPT> </HEAD>

<BODY> <H1> Пример бегущей строки<Я11> </BODY>

</HTML>

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

Для создания такого рисунка достаточно поместить его внутрь тэга гиперссылки, и написать в тэге <IMG>, задающем рисунок, обработчики событий onmouseover и onmouseout, подменяющие и восстанавливающие рисунок. Пример:

<HTML> <BODY>

<A HREF="http://microsoft.com">

<IMG src="file1.gif" name="ris1" width="100px" height="100px" alt="ссылка " border="0" onmouseover="ris1 . src = 'file2.gif ';" onmouseout="ris1 . src = 'file1.gif ';"> </A>

</BODY> </HTML>

Создание анимации с помощью массивов

Простейшая анимация реализуется путем создания анимированного gif рисунка в графических редакторах. Однако анимацию можно выполнить и при помощи JavaScript. Рисунок, внедренный в HTML - страницу, представляют собой объект image, дочерний по отношению к объекту document. Каждый объект image имеет следующие свойства:

  • border. Соответствует атрибуту BORDER дескриптора <IMG>. Определяет границы рисунка.

  • complete.Определяет степень загруженности рисунка. Принимает булевы значения (true или false).

  • heigth и width. Задают размеры рисунка. Свойства только для чтения. Изменить их при создании

динамических рисунков нельзя.

  • hspace и vspace. Определяют место расположения рисунка на странице. Только для чтения.

  • name. Имя рисунка. Оно определяется атрибутом NAME при определении рисунка.

  • lowscr. Принимает значение атрибута LOWSCR. Это специальный атрибут, используемый броузером,

который определяет загрузку рисунка в низком разрешении перед загрузкой основного изображения.

• src Источник рисунка, определяемый адресом URL. Это свойство может изменяться.

При создания анимации, исходный рисунок на странице подменяется рисунками из массива. Пример:

<HTML> <HEAD> Пример анимации </HEAD> <BODY>

<IMG border="0" src="1.jpg" alt="анимация"> <SCRIPT LANGUAGE="JavaScript"> var ind=1; massiv=new Array(3); image1=new Image(); image1.src="1.jpg"; image2=new Image(); image2.src="2.jpg"; image3=new Image(); image3.src="3.jpg";

massiv[1]=image1; massiv[2]=image2; massiv[3]=image3;

function ScrollPicture(){ document.images[0].src=massiv[ind].src; ind=ind+1; if (ind>3) {ind=1} window.setTimeout("ScrollPicture()",500); }

ScrollPicture(); </SCRIPT> </BODY> </HTML>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]