Самоучитель по креативному веб-дизайну. Книга 3, стр.42



Первый оператор в функции newimage() использует строку, переданную в па —

раметре NewButton, для формирования пути и имени файла изображения, кото — рое Web-браузер должен вывести на экране. Второй исполняемый оператор фун —

кции затем заменяет путевое имя текущего изображения в свойстве sr c массива

images документа именем (с путем) файла нового изображения, которое браузер

должен отобразить. (Значение параметра imageindex сообщает функции, какое

Глава 8. JavaScript 413



из свойств sr c в массиве заменять.) После того, как вы объявили — предпочтитель —

но в заголовочной части Web-страницы — функцию (такую как newimage(), которая производит подмену имен файлов изображений), вам остается только добавить в

каждый дескриптор События onMouseOver И onMouseOut, как показано НИЖе:





td width=»87″ height=»34″>

onmouseover=»newlmage(0,’CyanChoicel’)»

onmouseout=»newlmage(0,’YellowChoicel’)»>

height=M34″ /X/aX/td>



width=»87″ height=»34″>

onmouseover=»newlmage(1,’CyanChoice2′)»

onmouseout=»newlmage(1,’YellowChoice2′)»>

height=»34″ /X/aX/td>

width=»87″ height=»34″Xa href =»Figure08-06 .htm»

oranouseover=»newlmage(2,’CyanChoice3′)»

onmouseout=»newlmage(2,’YellowChoice3′)»>

border=»0″ src=MYellowChoice3.jpg» width=»87″

height=»34″ /X/aX/td>





Обработчик события onMouseOver дает Web-браузеру указание вызывать функ — цию newlmage. () всякий раз, когда посетитель наводит курсор мыши на гиперс —

сылку, то есть на графический элемент типа «кнопки» на навигационной панели. Аналогично, событие onMouseOut дает Web-браузеру указание вызывать функцию newlmage () всякий раз, когда посетитель убирает курсор мыши с гиперссылки (то есть с графического изображения) на навигационной панели. Просмотрев

код, вы заметите, что обработчик события onMouseOver передает функции newlmage () новое (голубое вместо желтого) изображение, тогда как обработчик события onMouseOut передает функции newlmage о исходное (желтое) изображе- ние, заданное атрибутом sr c в дескрипторе . В результате «кнопки» навига- ционной панели выгладят так, как показано на рис. 8.5, за исключением одной

кнопки, на которую посетитель сайта навел хурсор мыши — как выглядит она, мож — но увидеть на рис. 8.6.



41 4 Глава 8. JavaScript



Использование массивов объектной модели

JavaScript «видит» Web-страницу как набор свойств (properties) и объектов

(objects), сохраненных в массиве с именем document. Свойства, сохраняемые Web —

браузером в массиве document, включают в себя цвет текста, фона и гипертекста, cookie-наборы, элементы форм, изображения и т. д. Модифицируя значения, со — храненные в массиве документа, вы можете изменять не только внешний вид Web-страницы, но и отдельные объекты на странице. Например, вы можете счи —

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.74
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.75
  • 11.03.2011">Руководство по actionscript. часть 4, стр. 013
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.93
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.151
  • 13.08.2011">Видеокапча защитит сайт от ботов
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.18
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 041
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 099
  • 29.02.2012">На сервисе микроблогов Futubra появился поиск
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.34
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.37
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.82
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 061
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 014
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...