|
|
|||||
Регистрация: Sep 2011
Сообщений: 6
|
Взмывающая кнопка
Хочу сделать так. Кнопка в спокойном состоянии черно-белая. При наведении курсора кнопка должна подняться вверх и пробрести свой изначальный цветной цвет. Пока курсор не убран кнопка должна оставаться вверху. При отпускании курсора кнопка опускаеться вниз и снова закрашиваеться в черно-белый цвет. Как такое реализовать, пожалуйста помогите кто знает. Если кому интересно то можете посмотреть на сайте www.oldi-x.ru
там кнопка просто прыгает при наведении. И еще дополню. Под кнопкой есть тень, нужно чтобы при взмывании кнопки, тень исчезала, а когда кнопка опускалась, тень появлалась. |
|
|||||
Вот примерный шаблон, как сделать.
private function initBTN():void { var container:MovieClip = new MovieClip(); // кнопка container.addChild(mc1); // mc1 цветное соостояние кнопки container.addChild(mc2); // mc2 ч/б соостояние кнопки container.mc1.alpha = 0; // цветную делаем прозрачную, видим только ч/б container.addEventListener(MouseEvent.MOUSE_OVER, mouse_over); // слушаем наведение addChild(container); } private function mouse_over(e:MouseEvent):void // при наведении запускаем таймер { var timer:Timer = new Timer(100,10); timer.addEventListener(TimerEvent.TIMER, timer_event); timer.start(); } private function timer_event(e:TimerEvent):void // эфект закраски ч/б в цветную { container.mc1.alpha +=1; // цветая часть появляется всё больше , container.mc2.alpha -=1; // ч/б исчезает } |
|
|||||
Регистрация: Sep 2011
Сообщений: 6
|
А как сделать чтобы при наведении курсора она поднялась, а при отводе опустилась?
|
|
|||||
Читаем про ColorTransform, мышиные события.
Смысл такой: кнопка состоит из двух объектов: непосредственно сама картинка, к которой применяется цветовая трансформация и hitArea, статичная. Именно hitArea принимает все события, она должна быть статичной, иначе выход за пределы курсора будут порождать неприятные дергания. Добавлено через 2 минуты Да, для анимации используем TweenLite тот же или пишем свою, опираясь на enterFrame.
__________________
тут я |
|
|||||
Регистрация: Sep 2011
Сообщений: 6
|
Помогли. Вот решение. http://*********/31659305
|
Часовой пояс GMT +4, время: 11:27. |
|
« Предыдущая тема | Следующая тема » |
|
|