FLASH制作下拉菜单

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

用FLASH制作下拉菜单

看见过网页中下拉菜单的朋友一定很羡慕吧,这次我们用flash来做一个,效果当然要比普通的华丽多了!(关于用dreawweaver制作下拉菜单也会介绍)

1、新建一个文件,这里我采用宽100,高120,背景为白色。

2、按ctrl+f8新建立一个movie clip符号,在movie clip编辑舞台中画一个菜单,你可以发挥想象自己画一个。

3、按ctrl+f8新建立一个按钮符号,在按钮编辑舞台中的hit帧处按f6,然后画一个正方形的图形,小一些,完成后按scene1返回主场景。

4、然后按ctrl+f8,在按钮编辑舞台中制作下拉出现的按钮,完成后按scene1返回主场景。

5、打开库文件,在刚才制作的下拉菜单的按钮上按鼠标右健,复制一个,然后再复制一个。

6、双击库文件中复制的第一个按钮,在弹出的舞台中将按钮上的文字改变一下,ok后继续双击库文件中复制的第二个按钮,在弹出的舞台中将按钮上的文字改变一下,完成后按scene1返回主场景。

7、双击库文件中的movie clip,在movie clip编辑舞台中,按“加号”新建一个层(layer2),注意,新建这个层只是为了方便以后操作,不建立也可以。

8、选中layer2层的第一帧,(为了不容易出现误操作,可以按“锁”锁住第一层)将库文件中第一次建立的按钮拖入场景中如图1所示的位置(就是所画图形的“三角处”)如果先前所画按钮太大或太小,可以利用缩放工具调整,使其正好覆盖“三角形”。

9、分别在第一层和第二层的第二帧按f6,建立关键帧,然后按一下第一层的第二帧,将库文件中的三个下拉按钮拖入“下拉菜单”的下面。

10、完成后我们将要设置actions,分别在第一层的第一帧和第二帧双击鼠标左健,选择actions标签,按“加号”选stop,两帧都设置成stop,然后在第二层的第一帧的按钮上按鼠标右健选择properties,再选择actions标签,按“加号”选择goto指令,设置为goto and stop,在number处填2,同样在第二层的第二帧的按钮上按鼠标右健选择properties,再选择actions标签,按“加号”选goto指令,设置为goto and stop,在number处填1。

11、返回主场景,将movie clip拖入场景,按ctrl+enter看一下吧,下面为完成的下拉菜单动画。

注意:

其中三个按钮设置了get url指令,你也可以随便为这些按钮设置各种指令。

由于在第一层的两帧都设置了stop,因此也可以在按钮中设置goto指令为play,当然因为第一帧的按钮设置成为goto and stop(2),所以第一层的第二帧无需设置stop也可以,因为例子比较简单,所以都无所谓。

本例子也可以利用actions和动态文本制作,但是那样比较烦琐,因此不推荐那种方法。

本例子中也可以直接在button舞台中绘制下拉主菜单(第2步所讲述的内容),而在最后的hit帧中只要所画区域仅仅覆盖“三角形”就可以了,这里不采用此法只是让大家更多的理解单独利用这种只有hit帧中有内容的按钮可以有更大的自由度。

相关文档
最新文档