Версия для печати темы

Автор: AcTEpi_X 24.9.2008, 20:29

Здесь будет рассмотрен процесс создания меню сайта, в котором каждый из пунктов будет реагировать на курсор мыши пользователя, а также отсылать на определенный Интернет-ресурс.

1. Необходимо создать флеш-документ.
2. С помощью команды Insert – New Symbol создать символ типа Movie Clip (Name – menu).
3. В данном символе с помощью инструментов рисования создать статичную кнопку (например, прямоугольник шириной - 100рх, высотой – 35рх, имеющий произвольную заливку). Установить полученный объект в нулевые координаты.
4. Поместить экземпляр символа menu на сцену и в поле Instance Name панели свойств задать данному объекту идентификатор «menu1», с помощью которого и будет в дальнейшем происходить моделирование различных действий.
5. Выделить первый ключевой кадр сцены и внести в него следующий код:
- импорт библиотеки Tween: import mx.transitions.Tween;
- происходит создание объекта my_color с помощью особого конструктора, позволяющего изменять цвета готовый экземпляров символов, лежащих на сцене (в конструкторе указывается, к какому из персонажей сцены будет применяться действие по изменению цвета):
var my_color=new Color('menu1');
- с помощью метода setRGB задается исходный цвет пункта меню:
my_color.setRGB('0xffcc00');
- в момент события «нажатие» текущий пункт меню меняет цвет на новый:
_root.menu1.onPress=function(){ my_color.setRGB('0x00cc00'); }
- в момент события «отпускание после нажатия» текущий пункт меню меняет свой цвет на старый:
_root.menu1.onRelease=function(){ my_color.setRGB('0xffcc00'); }
- в момент события «наведение курсора» текущий пункт меню динамически меняет свою ширину с помощью особой встроенной библиотеки Tween (происходит вызов библиотеки Tween в объект mx.transitions, который на вход получает идентификатор модифицируемого экземпляра символа, модифицируемое свойств, тип изменения, начальное и конечное значение свойства, время, в течение которого произойдет изменение):
_root.menu1.onRollOver=function(){ new mx.transitions.Tween(_root.menu1, "_width", mx.transitions.easing.Elastic.easeOut, 100, 80, 3, true); } _root.menu1.onRollOut=function(){ new mx.transitions.Tween(_root.menu1, "_width", mx.transitions.easing.Elastic.easeOut, 80, 100, 3, true); }


http://ibtech.by/as_menu.htm