Flash8制作渐变风格的导航菜单-Flash教程

来源:网页教学网 作者:闪电儿 更新时间:2008-03-04 点击:
该网页Flash菜单有一定的用途,假如你喜欢就拿去用吧!

  效果如下:

点击这里下载源文件

  制作方法:

  修改文档属性。

Flash8制作渐变风格的导航菜单

  打开属性面板,设置属性如下:

Flash8制作渐变风格的导航菜单

  绘制下面的图形。

Flash8制作渐变风格的导航菜单

  填充矩形。

Flash8制作渐变风格的导航菜单

  设置颜色:

Flash8制作渐变风格的导航菜单

  从而实现渐变填充。

Flash8制作渐变风格的导航菜单

  然后打上自己的文字介绍(独占一个图层)

Flash8制作渐变风格的导航菜单

然后分别转换为影片剪辑元件,分别在舞台上命名四个影片剪辑的实例名。

Flash8制作渐变风格的导航菜单

  其它三个分别这样做。把每个渐变图形上的文字转换为影片剪辑。在这里不给大家仔细讲解如何具体制作动画了!一个层是矩形,另外一个层是文字动画,最上面层是边的动画。

Flash8制作渐变风格的导航菜单

  其它三个同理。然后再建立四个只有点击帧有内容的按钮元件。

Flash8制作渐变风格的导航菜单

  然后在主场景中一共建立六个图层,最下层是背景,上面四个是按钮,最上面的是AS层。分别把四个按钮放到不同的图层,注重盖住相应的背景图像。

Flash8制作渐变风格的导航菜单

  然后分别给四个按钮添加如下动作:

company_mc

on (rollOver) {
_root.mouse_over_company_mc = true;
}
on (rollOut) {
_root.mouse_over_company_mc = fstartlse;
}
on (release){
getURL(\"http://www.mb5u.com/\");
}

services_mc

on (rollOver) {
_root.mouse_over_services_mc = true;
}
on (rollOut) {
_root.mouse_over_services_mc = fstartlse;
}
on (release){
getURL(\"http://www.mb5u.com/\");
}

contacts_mc

on (rollOver) {
_root.mouse_over_contacts_mc = true;
}
on (rollOut) {
_root.mouse_over_contacts_mc = fstartlse;
}
on (release){
getURL(\"http://www.mb5u.com/\");
}

solutions_mc

on (rollOver) {
_root.mouse_over_solutions_mc = true;
}
on (rollOut) {
_root.mouse_over_solutions_mc = fstartlse;
}
on (release){
getURL(\"http://www.mb5u.com/\");
}

  最后在最上面的图层,选择第一帧,然后输入下面指令:

_root.company_mc.onEnterFrame = function() {
if (mouse_over_company_mc) {
_root.company_mc.nextFrame();
} else {
_root.company_mc.prevFrame();
}
};

_root.services_mc.onEnterFrame = function() {
if (mouse_over_services_mc) {
_root.services_mc.nextFrame();
} else {
_root.services_mc.prevFrame();
}
};

_root.solutions_mc.onEnterFrame = function() {
if (mouse_over_solutions_mc) {
_root.solutions_mc.nextFrame();
} else {
_root.solutions_mc.prevFrame();
}
};

_root.contacts_mc.onEnterFrame = function() {
if (mouse_over_contacts_mc) {
_root.contacts_mc.nextFrame();
} else {
_root.contacts_mc.prevFrame();
}
};

  好了!菜单就做好了!

相关Flash教程:
最新评论:
loading.. 评论加载中....
发表评论:不能超过250字节,请自觉遵守互联网相关政策法规.
  • 昵称: 验证:

最新Flash教程