Вспыхивающее меню
Давайте сделаем вот такое живенькое меню. Пусть оно затухает, вспыхивает и прочее - по желанию. Я его несколько диковатым изобразил, все вразнобой прыгает, но это для демонстрации, так сказать, возможностей. Если же пункты сделать примерно одинаковыми, то выглядит все это вполне потрясающе.
Итак,
1. Создаем документ нужного размера, в данном случае 190х240: Movie - Movie Width/Hight - ok.
2. Ставим фоновым рисунком чего захочется: Movie - Background image - находим нужный файл - ок. Или просто ставим нужный цвет фона: Movie - Background Color - выбираем - ок.
3. Жмем "Создать новый мувик" -
Create empty movie clip.
4. Вставляем
прямоугольник
. Выравниваем его по центру: Ctrl+Alt+C. Жмем сюда
и устанавливаем все желаемые оттенки градиента. У меня в первом кадре нет никаких градиентов, а у вас - не знаю, откуда мне знать...Если у вас предустановлена толщина обводки/рамки отличная от 0, то
в окне свойств
сделайте ее какой-нибудь: Properties - Line width - 1, например. Хотя тоже дело вкуса.5. Настраиваем длину кадра. Щелкаем
здесь
. 0.438 - это слишком, конечно, не будет успевать загораться под мышкой. Лучше где-то 0.183 или 0.250.6. Теперь
копируем
прямоугольник в следующий кадр. Здесь
устанавливаем/меняем/добавляем градиент, придав ему хоть желтизны, хоть красноты, хоть перца с маслом. Этим инструментом
меняем размер. Можно ограничиться двумя кадрами, можно скопировать этот расцвеченный прямоугольник и в третий кадр и там еще над ним изгольнуться - вернуть размер, опять поменять градиент, словом, дело вашей фантазии.7. Далеко не уходя, давайте
вернемся на первый кадр
этого мувика и с помощью инструмента текст
напишем что-то вроде "Главная страница". Копируем
полученное в оставшиеся кадры, сдвигаем или не сдвигаем, уменьшаем или растягиваем. Один пункт почти готов, возвращаемся на основную сцену.
8. Идем в свойства данного мувика, кликаем в строке Actions, жмем зеленый плюс и в качестве Action Scripta ставим вот это:
onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
if (this._currentframe<this._totalframes) {
nextFrame();
}
} else {
if (this._currentframe>1) {
prevFrame();
}
}
}
9. Мувик готов, но только мувик, а не пункт меню, потому что чтобы стать пунктом меню, ему еще надо обрести способность быть кликабельным. Для этого на основной сцене
переключаемся на экшены
нашего единственного кадра, жмем зеленый плюсик, выбираем Action script и вставляем вот что:mc1.onRollOver=function(){
}
mc1.onPress=function(){
getURL("http://farsage.ru/");
}
////////////////////////////////////////////////
Естественно, ваш мувик должен называться mc1, чтобы это сработало. URL, естественно, ставите, какие вам нужно, а не этот опостылевший farsage.ru, а дальнейшие создаваемые мувики, естественно, приводите в соответсвие со скриптом: если второй мувиклип у вас назовется mc2, то и в экшен добавите после //////// примерно так:
mc2.onRollOver=function(){
}
mc2.onPress=function(){
getURL("http://farsage.ru/index.php/-koolmoves/tags");
}
////////////////////////////////////////////////
И так далее и тому подобное. Количество не ограничено.
Хоть я этого и не говорил, а все же повторюсь: чтобы добавить скрипты с URLами сюда, жмете на уже
имеющийся скрипт
правой кнопкой и выбираете Edit... А там уже добавляете в столбик строчки для mc2, mc3, mc4...Ну вот такая получилась петрушка-менюшка. Дерзкого вам секса с Koolmoves!
| < Предыдущая | Следующая > |
|---|













Комментарии
Спасибо, полезные уроки. У меня вопрос
А нельзя сделать чтобы после того, как убираешь мышь с кнопки, она сразу возвращалась в исходное состояние, а не как сейчас у вас - через эффект опять?
Спасибо
Можно. Делаю. Скоро выложу.
И вам спасибо.
Не могу справиться с одной проблемкой.
В этом уроке это 6-ой шаг. После копирования рямоугольника в следующий кадр и смены цвета, цвет меняется и предыдущем кадре. Как этого избежать ?
А пока давайте я выложу исходник этого злополучного меню, а вы в нем поковыряетесь. Он здесь: farsage.ru/index.php/downloads/category/1 под названием trailmenu2.
В настройках : Drawing/Selection-Draw shapes as symbols (uncheck for cartooning or for shape morphing)
снять галку и ПЕРЕГРУЗИТЬ программу.
Прога сама при изменении цвета подсказывает про эту галку, но про перезагрузку помалкивает.
Вот какой вы полезный! Спасибо!