Выпадающее меню
Итак, делаем простое выпадающее меню, вроде этого (а красивым вы его и сами сделаете):
1. Создаем документ размером, скажем, 300х200: Movie - Movie Width/Hight - ok.
2. Жмем
3. Пишем какую-нибудь бяку типа "Главный пункт": щелкаем на
Возвращаемся на один уровень
4. Устанавливаем нужную
5.
6. Переходим на
7. Внутри него опять пишем бяку, например "Первый пункт".
8. Переходим к состоянию кнопки
Спокойно! Без паники! Наша надпись "Главный пункт" никуда не делась, она просто попала под прямоугольник. Сдвиньте его вниз, и все дела. Ну а раз уж вы взялись за него, то
9. Дорожка протоптана. Теперь по этой же дорожке (по-научному "алгоритм") делаем остальные кнопки. Примерно так: переходим в кадр 3 и смотрим п.6. данного урока. Смотрим долго, пока от вашего взгляда не создастся нужное количество кнопок.
Но можно быть хитрее. После перехода на кадр 3 не жмем никаких "создать кнопку", а вместо этого щелкаем на имеющуюся кнопку "Первый пункт" и делаем фокус: Ctrl+C. И тут же без раздумий Ctrl+V. На все возникающие вопросы отвечаем второе: "Make a complete copy". Получаем точную копию. Осталось передвинуть ее вниз и сменить на ней надпись: щелк на нее - Proreties - States - щелк на надпись - Proreties - Type - набираем "Вторая кнопка".
10. Возвращаемся к клип, переходим на 4 кадр и повторяем все уже в борзеньком ритме.
Вуаля, как говорят пьяные французы.
В итоге у вас должна получиться
11. Не забудьте привязать к этим кнопкам URL назначения. Клики на них должны же куда-то вести? Вот и напишите, куда они должны вести. Для этого щелкаем на нужную кнопку, вызываем ее
12. Но все эти танцы без бубна не имели бы никакой силы, если бы не Action Script, вставленный в соответствующее место. Возвращаемся на основной экран, щелкаем на наш мувик, обращаемся к его свойствам и переходим на вкладку Behavior. Здесь Actions - зеленый плюсик - Action Script и вставляем волшебство. Вот они, эти волшебные строки:
onClipEvent (enterFrame) {
// if the mouse IS over the menu ...
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
// if the menu is NOT fully open
if (this._currentframe<this._totalframes) {
// go to the next frame of the menu opening sequence
nextFrame();
}
// if the mouse is NOT over the menu
} else {
// if the menu is NOT fully closed
if (this._currentframe>1) {
// play the previous frame of the menu opening sequence
prevFrame();
}
}
}
Готовальня. Удачного вам секса с Koolmoves.
Ну а для тех, кто добросовестно проделал весь этот аццкий путь, прилагаю исходник.
1. Создаем документ размером, скажем, 300х200: Movie - Movie Width/Hight - ok.
2. Жмем
Create empty movie clip.
3. Пишем какую-нибудь бяку типа "Главный пункт": щелкаем на
текст
, щелкаем в центре экрана, выбираем шрифт, его размер и набираем нужное сочетание букв. Ок. Ставим его по центру: Ctrl+Alt+C. Конвертируем надпись в кнопку: щелк на нее правой клавишей - Convert to button. Идем в ее Properties- States и пририсовываем какой-нибудь великолепный синюшный прямоугольник
, а чтобы он не загораживал важные буквы, пошлем его взад - Shapes - Change Depth - Send to Back. Возвращаемся на один уровень
назад
.4. Устанавливаем нужную
длину кадра
. С такой скоростью у вас будет вываливаться пункт за пунктом.5.
Копируем
этот кадр столько раз, сколько будет выпадающих пунктов меню: 6. Переходим на
второй кадр
. Создаем кнопку
и рисуем какой-нибудь прямоугольничек
, что ли.7. Внутри него опять пишем бяку, например "Первый пункт".
Поменяем
цвет на более заметный: Properties - Color - ok.8. Переходим к состоянию кнопки
Over
, (то бишь когда при воспроизведении мышка будет наведена на нее). Появится экранчик с глупыми вопросами на английском - смело жмите ок. Мы скопировали состояние "Up", но так мы этого не оставим. Поменяем цвет прямоугольника: щелк на него, потом сюда
- Properties - Color - ok. Ну а раз пошла такая пьянка-цветоменянка, то сменим и цвет текста: щелк на него, дальше знаете. Возвращаемся к клипу.
Спокойно! Без паники! Наша надпись "Главный пункт" никуда не делась, она просто попала под прямоугольник. Сдвиньте его вниз, и все дела. Ну а раз уж вы взялись за него, то
скопируйте
его в оставшиеся кадры.9. Дорожка протоптана. Теперь по этой же дорожке (по-научному "алгоритм") делаем остальные кнопки. Примерно так: переходим в кадр 3 и смотрим п.6. данного урока. Смотрим долго, пока от вашего взгляда не создастся нужное количество кнопок.
Но можно быть хитрее. После перехода на кадр 3 не жмем никаких "создать кнопку", а вместо этого щелкаем на имеющуюся кнопку "Первый пункт" и делаем фокус: Ctrl+C. И тут же без раздумий Ctrl+V. На все возникающие вопросы отвечаем второе: "Make a complete copy". Получаем точную копию. Осталось передвинуть ее вниз и сменить на ней надпись: щелк на нее - Proreties - States - щелк на надпись - Proreties - Type - набираем "Вторая кнопка".
10. Возвращаемся к клип, переходим на 4 кадр и повторяем все уже в борзеньком ритме.
Вуаля, как говорят пьяные французы.
В итоге у вас должна получиться
вот такая лестница
11. Не забудьте привязать к этим кнопкам URL назначения. Клики на них должны же куда-то вести? Вот и напишите, куда они должны вести. Для этого щелкаем на нужную кнопку, вызываем ее
свойства
и переходим на вкладку Behavior. Здесь Actions - зеленый плюсик - Go to URL - и вбиваем в строку URL нужный адрес. И так безжалостно поступите с каждой кнопкой.12. Но все эти танцы без бубна не имели бы никакой силы, если бы не Action Script, вставленный в соответствующее место. Возвращаемся на основной экран, щелкаем на наш мувик, обращаемся к его свойствам и переходим на вкладку Behavior. Здесь Actions - зеленый плюсик - Action Script и вставляем волшебство. Вот они, эти волшебные строки:
onClipEvent (enterFrame) {
// if the mouse IS over the menu ...
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
// if the menu is NOT fully open
if (this._currentframe<this._totalframes) {
// go to the next frame of the menu opening sequence
nextFrame();
}
// if the mouse is NOT over the menu
} else {
// if the menu is NOT fully closed
if (this._currentframe>1) {
// play the previous frame of the menu opening sequence
prevFrame();
}
}
}
Готовальня. Удачного вам секса с Koolmoves.
Ну а для тех, кто добросовестно проделал весь этот аццкий путь, прилагаю исходник.
| Следующая > |
|---|














