Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 016
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 110
  • 29.10.2011">Мозаичный текст
  • 11.08.2011">Пропуск на модный олимп
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 132
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.63
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.126
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 005
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 141
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.18
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 061
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 085
  • 27.06.2012">Пользователи Android получили доступ к облачному сервису OneCloud
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.91
  • 12.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.113
Опрос

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

View Results

Loading ... Loading ...