Flash实例教程:制作水平缓动的导航菜单

作者凌众技术来源网页制作浏览发布时间 2012-03-08

这一教程中，将学习如何创建一个水平菜单。

演示：

注意：为了完成这一效果，需要 TweenMax 类，这是一个实现缓效果的外部类，在名为gs的开源类库中。把附件中的gs类库文件解压到任意目录下，把新建的fla文件保存在同一目录下。

1、新建Flash文件，设置属性：宽、高 500 × 100 , 背景黑色。

2、选用基本矩形工具，画一个没有笔触的圆角长方形。边角半径为3，颜色和大小任意。图1：

3、右键单击长方形，将长方形转换成影片剪辑。命名为 " Button Background " 设定注册点居中。图2：

4、在属性面板中输入影片剪辑的实例名称 " buttonBackground" 。图3：

5、图层1改名为 " button background " 。然后添加新的图层名为 " buttons "。

6、在 " buttons " 层中，在它里面创建一个静态的本文而且输入 "Home " 。图4：

7、将本文转换成影片。剪辑命名为 " Home button " 设定设定注册点居中。图5：

8、重复6、7步骤，创建另外三个按钮。输入文本为：" About button " ， " Portfolio button " 和 " Contact button "。库如图6：

9、在舞台上水平地排列按钮。图7：

10、在属性面板中分别输入对应实例的名字 " homeButton" ， " portfolioButton" ， " aboutButton" 和 " contactButton"。

11、添加 AS 层输入代码：

//Import TweenMax

import gs.*;

import gs.plugins.*;

TweenPlugin.activate([BlurFilterPlugin]);

//Add the buttons into an array

var buttonsArray:Array = new Array(homeButton,portfolioButton,aboutButton,contactButton);

//Loop through the buttons array

for (var i:uint = 0; i < buttonsArray.length; i++) {

        //Add event listeners for the button

        buttonsArray[i].addEventListener(MouseEvent.MOUSE_OVER, mouseOverButton);

        buttonsArray[i].addEventListener(MouseEvent.CLICK, buttonClicked);

}

//

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 3 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: AS3.0实例教程：SoundMixer.computeSpectrum()方法下一篇: Flash的价值越来越少将逐渐退出历史的Flash站点

关于Flash实例教程:制作水平缓动的导航菜单的所有评论

随机推荐