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

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

обработчик события=»оператор» ИЛИ обработчик события=»имя функции()».



410 Глава 8. JavaScript



Глава 8. JavaScript 41 1





ПРАКТИКУМ

Предположим, например, вы хотите, чтобы в результате щелчка посетителем на одной из кнопок формы Web-браузер вызывал определенную пользователем фун —

кцию caicuiateTotais() . Вставьте в определение кнопки обработчик события onclick, как показано в последней строке следующего ниже дескриптора

:



type=»button» name=»CalcTotals» value=»Calc»

onClick=»calculateTotals()»>



Теперь, благодаря обработчику события onclick в дескрипторе
, Web —

браузер будет выполнять операторы в функции caicuiateTotai s () всякий раз,

когда посетитель щелкает на кнопке с именем CaicTotais.



Создание интерактивной навигационной панели с эффектом смены изображения при наведении курсора

В ваших путешествиях по Всемирной Паутине вам наверняка попадались на —

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

onMouseOver () и onMouseOut о в дескрипторах, определяющих гиперссылки,

закрепленные за каждой кнопкой в панели меню. Например, чтобы отобразить такое навигационное меню, как показано на рис. 8.5, вам потребуется HTML — код, аналогичный приведенному ниже:

412 Глава 8. JavaScript







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

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

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

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

Полезные ссылки
Случайные записи
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 042
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 058
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 113
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.135
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.31
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 122
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 111
  • 15.01.2011">Зачем используется раскройка изображения в Photoshop и как ее сделать?
  • 28.03.2010">Коллекция кистей для Photoshop
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 031
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.50
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 012
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 103
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 036
  • 15.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.38
Опрос

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

View Results

Loading ... Loading ...