摘要载入中…    请稍等…















内容载入中…    请稍等…

Flash渐变风格的导航菜单

2009-1-6 13:00:13   来源:  

   

 ·AS鼠标来控制渐变填充 ·photoshop调色教程:时尚风格 ·动态立方体Web导航菜单制作 ·CAD,3Dmax实例视频教程软件下载

  该网页Flash菜单有一定的用途,如果你喜欢就拿去用吧!

  效果如下:

/edit/UploadFile/749/200853019145543.swf

点击这里下载源文件

  制作方法:

  修改文档属性

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

  绘制下面的图形。

  填充矩形。

  设置颜色:

  从而实现渐变填充。

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

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

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

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

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

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

company_mc

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

services_mc

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

contacts_mc

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

solutions_mc

on (rollOver) {
_root.mouse_over_solutions_mc = true;
}
on (rollOut) {
_root.mouse_over_solutions_mc = fstartlse;
}
on (release){
getURL("http://www.webjx.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();
}
};

  好了!菜单就做好了!

 [1]