Flash AS3制作个性的旋转圆形网页导航,最终效果如下。
1、创建一个闪光文件,保存为menu.fla文件。
2、重命名"第一层"为"动作",我们使用小而美的补间引擎,下载AS3的压缩包,然后解压缩到com目录然后把这个目录放到menu.fla文件的文件夹中。
3、用矩形工具绘制一个黑色的矩形,转换为主持人影片剪辑,打开属性窗口。
4、双击这个影片剪辑编辑它,使用文本工具,设置为动态文本,绘制一个区域,设置颜色是白色,命名实例名为abelBtn。
5、回到场景1,删除掉刚刚建立的影片剪辑。
6、我们选择第一帧,然后打开动作面板,输入下面代码,主要是为了导入十二引擎。
导入com。绿色袜子。*;
导入com。绿色袜子。放松。*;
7、然后创建一个数字,动态调用每个菜单的项目文字。
var menu_items:Array=['HOME '' ABOUT ME '' PORTFOLIO '' BLOG '' CONTACT '];
定义变量菜单:Sprite=new Sprite();
菜单。x=阶段。舞台宽度/2;
菜单。y=阶段。舞台高度/2;
addChild(菜单);
8、用一个函数构建菜单来实现每个菜单项目。
函数buildMenu(){
var BTN:我的纽扣;
var angle:int=360/menu _ items。长度;
for(var I:int=0;i menu _ items.lengthi ){
BTN=新的我的按钮();
btn.buttonMode=true
BTN。给BTN贴上标签。text=menu _ items[I];
btn.mouseChildren=false
菜单。addchild(BTN);
TweenLite.to(btn,2,{旋转我*角度,缓解:弹跳。放松});
}
}
9、最后添加一个监听单击事件的代码。
菜单。addevent侦听器(鼠标事件.点击,点击处理程序);
函数单击处理程序(e:鼠标事件):void {
//待办事项.
跟踪(我的按钮(e . target)。给BTN贴上标签。正文);
}
10、所有代码如下。
导入com。绿色袜子。*;
导入com。绿色袜子。放松。*;
var menu_items:Array=['HOME '' ABOUT ME '' PORTFOLIO '' BLOG '' CONTACT '];
定义变量菜单:Sprite=new Sprite();
菜单。x=阶段。舞台宽度/2;
菜单。y=阶段。舞台高度/2;
addChild(菜单);
build menu();
函数buildMenu(){
var BTN:我的纽扣;
var angle:int=360/menu _ items。长度;
for(var I:int=0;i menu _ items.lengthi ){
BTN=新的我的按钮();
btn.buttonMode=true
BTN。给BTN贴上标签。text=menu _ items[I];
btn.mouseChildren=false
菜单。addchild(BTN);
TweenLite.to(btn,2,{旋转我*角度,缓解:弹跳。放松});
}
}
菜单。addevent侦听器(鼠标事件.点击,点击处理程序);
函数单击处理程序(e:鼠标事件):void {
//待办事项.
跟踪(我的按钮(e . target)。给BTN贴上标签。正文);
}