Flash AS3制作个性的旋转圆形网页导航
-
荷塘月色
1楼 2016-11-21 13:20:58
Flash AS3制作个性的旋转圆形网页导航,最终效果如下。
5、回到场景1,删除掉刚刚建立的影片剪辑。
6、我们选择第一帧,然后打开动作面板,输入下面代码,主要是为了导入Tweenlite engine。
import com.greensock.*; import com.greensock.easing.*;
7、然后创建一个数字,动态调用每个菜单的项目文字。
var menu_items:Array = ["HOME","ABOUT ME","PORTFOLIO","BLOG","CONTACT"]; var menu:Sprite = new Sprite(); menu.x= stage.stageWidth / 2; menu.y=stage.stageHeight /2; addChild(menu);
8、用一个函数buildMenu来实现每个菜单项目。
function buildMenu(){ var btn:myButton; var angle:int=360/menu_items.length; for (var i:int = 0; i menu_items.length; i++){ btn = new myButton(); btn.buttonMode=true; btn.labelBtn.text = menu_items; btn.mouseChildren=false; menu.addChild(btn); TweenLite.to(btn,2,{rotation: -i*angle,ease:Bounce.easeOut}); }}
9、最后添加一个监听单击事件的代码。
menu.addEventListener(MouseEvent.CLICK,clickHandler );function clickHandler(e:MouseEvent ):void{ // TO DO ... trace(myButton(e.target).labelBtn.text);}
-
荷塘月色
2楼 2016-11-21 13:21:18