FLASH导航菜单全接触

\| 网站首页 \| 教程 \| 素材 \| 图片 \| 特效 \| 论坛 \| 字体 \| 模板 \| 软件 \| 书籍 \| 源码 \| 新闻 \| 站长原创 \| 动易模板 \|

您现在的位置：玉叶随风网 >> 教程 >> 网页制作 >> Flash >> 文章正文

用户登录

新用户注册

FLASH导航菜单全接触

热

【字体：小大】

FLASH导航菜单全接触

热门推荐:

作者：佚名文章来源：媒体中国点击数：更新时间：2004-5-17

导航菜单是每一个网站都必须的东东。FLASH以它的简单易用，更容易实现的动态效果，让更多的网页爱好者所喜爱。以至现在在各网站中的FLASH导航栏的占有率越来越高。鉴于一些初学者，以及没有接触过FLASH的网页设计者们，我在这里向大家介绍几款FLASH的导航菜单，算是抛砖引玉。希望能够“勾”起你的更多灵感：)。。

进入主题。

先从最简单的说起吧。大家先看一下最终结果。

当我们把鼠标移到按钮上，有一个白条在从小到大地变化，并透明度在逐渐地增加。

实质上，这个只是一个MC，这个MC，有两个层。一个层是后面的背景，另一个则是上面的渐变的小白条。通过几条简单的AS控制一下，就会出现最终的结果了。

Step1:新建一个MC，画一个小矩形，大小80×22，设置颜色从#FF6600到#FFCC00的渐变。位置在(0,0)。在第12帧处按F5，将它的帧数增加到12。

Step2:新建一个图层，在第2帧插入一个关键帧，在上面画一个80×3的小白条。填充成Alpha为100的白色。位置为(0,0)。

Step3:在第2层的第7帧和第12帧分别插入一个关键帧。并将第7帧的形状大小设置为80×22。

Step4:将第2帧到第7帧和第7帧到第12帧设置成形状渐变的动画。

Step5:再新建一个层，在第7帧插入关键帧，并在第1帧和第7帧写上Action。“Stop()”。

Step6:回到主场景。将做好的元件从库中拖入到场景。点击拖进来的元件，右键，选择动作，在动作面板输入如下的Action。

on(rollOver){
this.gotoAndPlay(2);
}
on(rollOut){
this.gotoAndPlay(8);
}

大功告成。此时我们最简单的导航菜单就完成了。

文章录入：碧玉叶责任编辑：碧玉叶

上一篇文章：怎样绘制动画：发音口型/面部皱纹

下一篇文章： FLASH 作品剖析全攻略

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】