导航菜单是每一个网站都必须的东东。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);
}
大功告成。此时我们最简单的导航菜单就完成了。