收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
[组图]制作动态开门效果网页菜单         
制作动态开门效果网页菜单
作者:闪电儿 文章来源:ZT 点击数:1594 更新时间:2010-12-24 14:29:51

今天给大家讲解一个如何利用Flash制作动态网页菜单,如果好你就可以直接拿去用了!你也可以自己改进,改进好了别忘了去论坛告诉一声啊!

先看效果和源文件:

/Article/UploadFiles/201408/2014081321232198.swf

点击这里下载源文件

制作方法非常简单,在这里给大家简单的叙述一下!如果不明白就看源文件吧!

首先制作五个影片剪辑片段,说说方法,建立两个图层,下面这个图层绘制一个矩形,至于填充为什么颜色按你的喜好定就可以了!上面的图层输入要显示的文字。然后分别都在第15帧插入关键帧,下面的矩形稍微调整一下形状,上面的文字层稍微向上移动一点位置。

Flash8制作动态开门效果网页菜单

Flash8制作动态开门效果网页菜单

按同样方法创建其它的影片剪辑。然后把它们放到主场景中来。

Flash8制作动态开门效果网页菜单

分别选择五个不同的影片剪辑命名不同的实例名:homepage_mc、aboutus_mc、portfolio_mc、archives_mc、contacts_mc。

Flash8制作动态开门效果网页菜单

然后制作一个不可见的按钮(只有点击帧有内容,注意大小要和建立的影片剪辑的大小一样啊!)

Flash8制作动态开门效果网页菜单

按同样的方法再建立其它四个按钮,名字分别为:InvisibleButton1、InvisibleButton2、InvisibleButton3、InvisibleButton4、InvisibleButton5。

然后再主场景中建立,每个按钮放到不同的图层里,注意相应的按钮要盖住相应的影片剪辑啊!效果如下:

Flash8制作动态开门效果网页菜单

然后分别选中每个按钮,给按钮添加动作:

InvisibleButton1:

on (rollOver) {

_root.mouse_over_homepage_mc = true;

}

on (rollOut) {

_root.mouse_over_homepage_mc = fstartlse;

}

on (release){

getURL("http://www.webjx.com/");

}

InvisibleButton2:

on (rollOver) {

_root.mouse_over_aboutus_mc = true;

}

on (rollOut) {

_root.mouse_over_aboutus_mc = fstartlse;

}

on (release){

getURL("http://www.webjx.com/");

}

InvisibleButton3:

on (rollOver) {

_root.mouse_over_portfolio_mc = true;

}

on (rollOut) {

_root.mouse_over_portfolio_mc = fstartlse;

}

on (release){

getURL("http://www.webjx.com");

}

InvisibleButton4:

on (rollOver) {

_root.mouse_over_archives_mc = true;

}

on (rollOut) {

_root.mouse_over_archives_mc = fstartlse;

}

on (release){

getURL("http://www.webjx.com/");

}

InvisibleButton5:

on (rollOver) {

_root.mouse_over_contacts_mc = true;

}

on (rollOut) {

_root.mouse_over_contacts_mc = fstartlse;

}

on (release){

getURL("http://www.webjx.com/");

}

最后再建立一个新图层,用来添加Action使用,打开动作面板:

_root.homepage_mc.onEnterFrame = function() {

if (mouse_over_homepage_mc) {

_root.homepage_mc.nextFrame();

} else {

_root.homepage_mc.prevFrame();

}

};

_root.aboutus_mc.onEnterFrame = function() {

if (mouse_over_aboutus_mc) {

_root.aboutus_mc.nextFrame();

} else {

_root.aboutus_mc.prevFrame();

}

};

_root.portfolio_mc.onEnterFrame = function() {

if (mouse_over_portfolio_mc) {

_root.portfolio_mc.nextFrame();

} else {

_root.portfolio_mc.prevFrame();

}

};

_root.archives_mc.onEnterFrame = function() {

if (mouse_over_archives_mc) {

_root.archives_mc.nextFrame();

} else {

_root.archives_mc.prevFrame();

}

};

_root.contacts_mc.onEnterFrame = function() {

if (mouse_over_contacts_mc) {

_root.contacts_mc.nextFrame();

} else {

_root.contacts_mc.prevFrame();

}

};

最后可以按Ctrl+Enter测试了!

文章录入:晴天    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长