Навигация по сайту

С этим уроком также смотрят

Данный видеокурс расскажет, как с помощью Adobe® Flash® CS4 создавать анимацию, использовать необходимые программные инструменты, узнать и научиться пользоваться ActionScript® 3.0, и, наконец, сделать простейший Flash – сайт.

Adobe®, Flash® and ActionScript® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 11 сентября 2011

Создаем сайт на Flash,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Текст урока
Как написать Flash скрипт для навигации по сайту?
 

В этом уроке напишем экшн скрипт, который будет управлять навигацией по сайту. Рассмотрим наглядный пример. Прежде всего, чтобы установить связь между нажатием на кнопку и определенными действиями, нужно дать имя этой кнопке. Через присвоенное имя будем обращаться к кнопке с помощью ActionScript.

Выбрав первую кнопку, на панели свойств задаем ей имя «HOME_btn». Второй кнопке будет соответствовать имя «ABOUT_btn», а третью кнопку именуем «CONTACTS_btn»/

Теперь, выбрав первый кадр на слое «экшн скрипт», отобразим панель «действия-кадр».

В появившемся окне, будем писать Flash скрипт.

Сначала пишем: stop(); (стоп), чтобы остановить непрерывное воспроизведение анимации и начать управлять ей самостоятельно.

Далее пишем: home_btn.addEventListener (хоум битиэн, эд эвэнт листэнэр). Тем самым учим выбранную кнопку «слушать» клик мыши.

В круглых скобках пишем два аргумента. Первым аргументом является событие, которое слушаем:

MouseEvent.CLICK, ставим запятую и следующим пишем аргумент, который будет происходить, когда событие случится – onClickHome (он клик хоум).

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

Следующей задачей будет – создать эти самые функции. Функцию создаем с помощью зарезервированного слова «function». Когда пишем данное слово, то программе сообщаем, что создаем функцию. Далее пишем имя функции, затем круглые скобки, двоеточие, void (воид), так как функция не возвращает никаких обратных переменных.

Внутри круглых скобок нужно принять передаваемое событие в какой-либо аргумент и написать тип этого аргумента: Mouse Event (маус эве́нт). Теперь, в фигурных скобках пишем действие, которое нужно совершить.

Пишем: gotoAndStop (готоэндстоп) и в скобках пишем название метки, куда нужно перейти при нажатии на кнопку «Главная»: home (хоум). Как правило, метки пишутся в кавычках. На этом закончили создание первой функции, которая будет направлять на метку «хоум».

Скопируем данную функцию, вставим ее текст два раза и изменим название функции. Затем, в каждой функции изменим название меток.

Теперь протестируем получившийся результат… Нажимая на кнопку «О компании», попадаем на страницу с текстом о компании. Нажав на кнопку «контакты», попадаем на страницу с контактными данными. Навигация по сайту работает.

Комментарии (1)
  • Сергей Породнов24 февраля

    Сделал все как тут показано, выдает ошибку на каждую кнопку подобную этой --->
    ArgumentError: Error #2109: Метка кадра Home в сцене Монтажный кадр 1 не найдена.
    at flash.display::MovieClip/gotoAndStop()
    at _fla::MainTimeline/OnClickHome()


Оглавление
Анимация в Adobe® Flash® CS4
1. Временная шкала 3:11 1 14927
2. Кадры и ключевые кадры (часть первая) 3:11 0 10851
3. Кадры и ключевые кадры (часть вторая) 2:01 0 14343
4. Покадровая анимация 3:24 0 14210
5. Режим многослойной структуры 3:36 0 6801
6. Редактирование нескольких кадров 1:07 1 4865
7. Анимация движения 1:52 0 12660
8. Сглаживание анимации 0:57 0 9240
9. Создание собственного анимационного пути 2:06 1 10489
10. Ориентация объекта по анимационному пути 2:10 0 12874
11. Анимация формы 1:41 2 8941
12. Подсказки формы 3:34 0 6085
13. Анимация маски 1:52 0 8925
Символы
14. Что такое символ 1:09 0 4597
15. Создание символа 2:05 0 4952
16. Редактирование символов 1:45 0 4275
17. Точка регистрации 1:55 0 4426
18. Графические символы и фрагменты ролика (часть первая... 3:24 0 5390
19. Графические символы и фрагменты ролика (часть вторая... 2:09 0 3766
20. Символ «кнопка» 3:26 0 7811
Фильтры
21. Работа с фильтрами (часть первая) 2:14 0 7240
22. Работа с фильтрами (часть вторая) 2:15 0 4818
23. Копирование анимации 1:46 0 4276
Программные инструменты
24. 3D Инструменты 2:45 0 5927
25. Инструмент «Аэрограф» 1:35 0 3740
26. Инструмент «Декор» 3:58 0 3471
27. Инструмент инверсивной кинематики «Кость» 2:35 0 6069
28. Инструмент «Связывание» 1:56 0 3071
29. Редактор движения 2:20 0 5049
ActionScript® 3.0
30. Введение в ActionScript® 2:27 0 6712
31. Команда «Стоп». Останавливаем анимацию (часть первая... 2:14 1 6998
32. Команда «Стоп». Останавливаем анимацию (часть вторая... 2:20 0 5317
33. Вывод данных (часть первая) 2:30 0 4221
34. Вывод данных (часть вторая) 2:14 0 3337
35. Переменные в ActionScript® 2:26 0 3513
36. Функции в ActionScript® 2:17 1 3704
37. Пишем функцию 3:02 0 3759
38. События мыши 2:32 0 6629
Создание простого flash сайта
39. Начало создания флэш-сайта (часть первая) 2:30 3 45471
40. Начало создания флэш-сайта (часть вторая) 1:47 3 20977
41. Навигация по сайту 3:51 1 17977
42. Переходы на флэш сайте 3:14 4 17867
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook