用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。
flash按钮制作 11、返回主场景,将movie clip拖入场景,按ctrl+enter看一下吧,下面为完成的下拉菜单动画。
注意:
其中三个按钮设置了get url指令,你也可以随便为这些按钮设置各种指令。
由于在第一层的两帧都设置了stop,因此也可以在按钮中设置goto指令为play,当然因为第一帧的按钮设置成为goto and stop(2),所以第一层的第二帧无需设置stop也可以,因为例子比较简单,所以都无所谓。
本例子也可以利用actions和动态文本制作,但是那样比较烦琐,因此不推荐那种方法。
本例子中也可以直接在button舞台中绘制下拉主菜单(第2步所讲述的内容),而在最后的hit帧中只要所画区域仅仅覆盖“三角形”就可以了,这里不采用此法只是让大家更多的理解单独利用这种只有hit帧中有内容的按钮可以有更大的自由度。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论