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



HTML & Web Design Tips & Techniques



name=»banner» src= «images/Banner 1. jpg»X/td>







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



function rotateBanner(BannerSrc)

{

var TimerlD

// Заменить изображение

document. banner. src = BannerSrc;

// Ожидать тайм-аута и вызвать саму себя для замены

//на следующее изображение

if (BannerSrc == «Bannerl. jpg»)

TimerlD = setTimeout(«rotateBanner(‘Banner2.jpg’)»,5000);

else if (BannerSrc == «Banner2.jpg»)

TimerlD = setTimeout(«rotateBanner(‘ВаппегЗ. jpg’)»,5000);

else if (BannerSrc == «Banner3.jpg»)

TimerlD = setTimeout(«rotateBanner(‘Banner4.jpg’)»,5000);

else

TimerlD = setTimeout(«rotateBanner(‘Banner1.jpg’)»,5000);

return;

}



Каждый раз, КОГДа фуНКЦИЯ rotateBanner () Изменяет СВОЙСТВО src ИЗОб —

ражения с именем animation в массиве изображений объекта документа,

Web-браузер выводит на экран новое изображение. Встроенная функция

setTimeout () создает эффект «изменяющегося» баннера, каждые пять секунд

рекурСИВНО ВЫЗЫВаЯ фуНКЦИЮ rotateBanner (), ЧТОбы ПОМенЯТЬ баннер На

Web-странице. Синтаксис вызова функции setTimeout о может сперва пока —

заться несколько сбивающим с толку. Тем не менее, идея заключается в том, что функция оценивает выражение, переданное в качестве первого параметра,

43 8 Глава 8. JavaScript





через число миллисекунд, указанное во втором параметре. Таким образом, при син —

таксисе TimerlD = SetTimeout («выражение» , задержка в миллисекундах), первый

вызов setTimeouto в данном сценарии дает Web-браузеру указание вызвать фун —

кцию rotateBanner () через 5 000 миллисекунд (то есть через 5 секунд) и пере —

дать имя пути «следующего» отображаемого баннера (images/Banner2. jpg). Что —

бы отображать свои собственные баннеры, просто замените путевые имена в

этом примере на имена путей своих баннеров и установите задержку в миллисе —

кундах в каждом вызове функции setTimeouto равной периоду времени, в течение которого каждый баннер должен оставаться на экране. Увеличить или уменьшить

количество баннеров можно, вставив или удалив операторы els e if.

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



Направление гиперссылок на новые файлы «на лету11

Когда посетитель производит щелчок на тексте гиперссылки или на «горячей области» навигационной карты, Web-браузер извлекает Web-страницу (или иной

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

К счастью, массив links в объекте документа имеет три свойства, которые можно

изменять, дабы направить гиперссылку на новый файл: hash, pathname и href.



ПРАКТИКУМ

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

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

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

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

Полезные ссылки
Случайные записи
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 131
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.167
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.166
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.82
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 068
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 099
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.165
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 130
  • 10.08.2010">Flash элементы уходят в прошлое?
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 034
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 069
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.158
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 057
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 009
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 079
Опрос

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

View Results

Loading ... Loading ...