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

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

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

Полезные ссылки
Случайные записи
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.6
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 113
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 033
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 116
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.20
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.70
  • 10.08.2011">Торгуйте на Forex вместе с платформой MetaTrader 4
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.74
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.54
  • 17.08.2010">Страничка со списком услуг
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 072
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.93
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 032
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.123
  • 23.08.2011">Британский ученый призывает запретить сливочное масло.
Опрос

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

View Results

Loading ... Loading ...