庖丁解牛 酷炫FlashWeb下拉菜单篇
数码时尚
上期我们通过学习loading预载程序制作，已经初步体会到FlashWeb制作的方便与功能的强大。接下来我们来看看交互性网站中不可或缺的下拉菜单的制作。
源程序及图片部分可以在http://wsmmt.52flash.net/flashweb.rar处下载。
FlashWeb的交互功能，实际上已经完全突破了传统的平面网页，然而在制作中，基本上以动态的控制播放为主。下拉菜单在很多的网站中都很常见，这种菜单方式近似于浏览者熟悉的操作系统，在使用中不会感到生疏与麻烦，因此为大多数网站所采用。下面我们就来看看FlashWeb的下拉菜单制作吧！
1.打开FlashWeb.fla文件，在场景中选择web场景，将layer1的名称改为background，使用File\Import命令，导入webphoto.jpg文件，在Library面板中，双击这个图片角色，在Photo Properties面板中将图片质量设为100，不压缩方式。在第一帧加入代码stop()，让影片在这一帧停止。
爱老虎油的技巧：通常我在制作FlashWeb背景图时，都会将Web中不运动的部分，在Photoshop中制作成一张图片，这样也会压缩Web的体积，不会因为大型图片的装载而影响CPU资源的占用率。
2.新建一个图层，名称为menu，使用文字工具输入home，toturial，document，bbs，about，如图2的方式，然后选中这些文字按F8键，将它转换成影片剪辑，名称为menu。
爱老虎油的方法：在制作FlashWeb时，很容易因为结构太复杂，而使维护变成一件非常繁重的工作。所以，我习惯将每个不同的内容部分制作成一个影片剪辑，这样维护时会比较方便。
3.双击进入menu影片剪辑，将Layer1名称改为text，新建一个图层，名称为“asunder”，绘制一段橙色的分隔线，复制，并且使用Align面板，使它平均分隔各个文本。
4.新建一个图层，图层名称为downmenu，使用矩形绘图工具绘制一个无边框的矩形，位置正好覆盖在document文字上，选中这个矩形按F8键，转换成影片剪辑，名称为“downmenu”。双击进入这个影片剪辑，将Layer1图层名称改为btn，在第1帧加入代码stop()，选中矩形按F8键，转换成影片剪辑，名称为btn。
爱老虎油的解说：下拉菜单的原理在于，用两个相互替换的隐形按钮，来控制影片剪辑的播放，所以，必须有这样的嵌套结构。
5.进入btn影片剪辑，选中矩形，按F8键转换成Button按钮，按钮名称为anchoretbtn1，双击进入按钮编辑区，拖动Up帧到Hit帧的位置，如图5所示。
爱老虎油的解说：隐形按钮就是说按钮是没有外部形态的，但却具有按钮的感应区，这样它就可以实现按钮的功能，却不必出现按钮的样式。
6.双击空白区域回到btn影片剪辑，在第1帧加入代码stop()，让影片在第1帧停止，然后鼠标右键点击按钮，选Action项，在按钮的action面板中，输入代码如下：
on(rollOver){
gotoandstop(2)
if(_parent._currentframe=1){
_parent.play()
}
}
爱老虎油的解说：当鼠标指向按钮时，跳转到第2帧，当上一级影片剪辑的当前帧等于1时，上一级影片剪辑开始播放。
7.在第2帧按F7键，建立一个空白关键帧，绘制如下内容，然后按F8键转换成按钮，名称为anchoretbtn2，按上述方法将其制作成一个隐形按钮，然后添加代码如下：
on(rollOver){
gotoandstop(1)
if(_parent._currentframe=10){
_parent.play()
}
}
爱老虎油的解说：除了下拉菜单的显示部分，其他的区域都制作成按钮的感应区，这样就可以实现帧的跳转和上级影片的控制播放了。至于使用if(_parent._currentframe=10)这样的条件，是因为有时我们的鼠标运动太快，会导致按钮的感应区反应不成功。
8.回到document影片剪辑，新建一个图层，名称为menumotion，绘制如图7所示的一个图形。选中这个图形，按F8键转换成影片剪辑。
9.在第5、10帧按F6键，建立关键帧；在第5帧拖动MC到隐形按钮的下方，建立补间动画，在帧中添加代码stop()。
10.新建一个图层，图层名称为menumask，绘制一个矩形在隐形按钮的下方，将图层模式选为Mask遮罩方式，方法是在图层上点鼠标右键选Mask命令。然后将所有图层的第10帧按F5键，使动画可以顺延到此帧。
11. 按“Ctrl+Enter”键测试，FlashWeb的下拉菜单制作完毕。
在下一期中，我们将着重讲解浮动面板的制作方法，面板可以说是FlashWeb的一大特色，因为FlashWeb与传统的平面Web有所不同，具有更强的交互性和动态效果。当然，动态效果可以通过时间轴来制作，而交互程序却基本上都是一个道理，学习浮动面板不仅可以掌握时间轴在交互网站中的应用，还可以学习到万法一理的程序设计知识。