gototopgototop
Главная Уроки 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.
Ну а для тех, кто добросовестно проделал весь этот аццкий путь, прилагаю исходник.
 

Пожалуйста, зарегистрируйтесь или авторизуйтесь для добавления комментария

Самое

↓↓↓

  • Модуль для радио/тв на вашем сайте


  • Как сделать листающуюся книгу


  • Плагин, скрывающий полный текст


  • Форум Kunena для Joomla 1.5 и 1.0


  • Мгновенно затухающее меню


  • Вспыхивающее, как красна девица, меню


  • Нижняя панель инструментов


  • Видео во всплывающем окне


  • Программа для захвата цвета


  • Компонент для отправки открыток


Поиск по сайту
Полезное

↓↓↓

  • Модули, плагины, приложения, скрипты

  • CMS, на которой работают миллионы сайтов


  • Шаблоны Joomla от почти всех производителей



  • Расширения Joomla
    (на английском языке)




  • Справочник по HTML



  • Таблица HTML-символов



  • Все или почти все возможные шрифты


Скидка
Поддержка меня
Рисунки подшефных (Детская картинная галерея)