菜单|导航|渐变
该网页Flash菜单有一定的用途,如果你喜欢就拿去用吧!
效果如下:
点击这里下载源文件
制作方法:
修改文档属性。
打开属性面板,设置属性如下:
绘制下面的图形。
填充矩形。
设置颜色:
从而实现渐变填充。
然后打上自己的文字介绍(独占一个图层)
然后分别转换为影片剪辑元件,分别在舞台上命名四个影片剪辑的实例名。
其它三个分别这样做。把每个渐变图形上的文字转换为影片剪辑。在这里不给大家仔细讲解如何详细制作动画了!一个层是矩形,另外一个层是文字动画,最上面层是边的动画。
其它三个同理。然后再建立四个只有点击帧有内容的按钮元件。
然后在主场景中一共建立六个图层,最下层是背景,上面四个是按钮,最上面的是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();
}
};
好了!菜单就做好了!