学习网考试学习资料

Gzu521.com

FLASH导航菜单全接触

Flash教程   点击:次   发布时间:2006-7-13   【字体: 】   来源:Gzu521.com
贵 州 学 习 网

导航菜单是每一个网站都必须的东东。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);
}

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

责任编辑:gzu521

网页设计分类
HTML教程
CSS教程
Javascript教程
Dreamweaver教程
FrontPages教程
FireWorks教程
Flash教程
PhotoShop教程
建站知识
分类推荐信息
  • 暂无相关信息
更多...
大类最新文章
更多...