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

菜单|动态|网页

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

  先看效果和源文件:

点击这里下载源文件

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

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

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

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

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

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

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

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

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测试了!

时间: 2024-12-29 05:02:46

Flash8制作动态开门效果网页菜单的相关文章

Flash8制作动态立方体Web导航菜单

web|菜单|导航|动态 在这个教程里我们使用Flash8 ActionScript来制作一个立方体Flash菜单. 先看效果: 点击这里下载源文件 1.创建新的Flash文档,导如一幅图片,然后转变为图形元件cube. 2.然后创建新的按钮元件:Invisible Button: 3.场景1中建立3个图层: 4.把按钮分别放到舞台上适合位置: 5.制作动态效果,创建一个Home的影片剪辑,方法比较简单,我这里给大家简单截几个图: 第1帧的动画设置: 第6帧的动画设置: 新添加一个文字层,第1帧

jQuery结合CSS制作动态的下拉菜单_jquery

当要在一个有限的导航菜单空间放一个大的子菜单时,我们一般采用下拉菜单的形式来弥补空间的不足.本文将带大家用最少的时间,使用jQuery和CSS结合制作一个动态的下拉菜单. XHTML 首先是要在页面的head部分引入jquery库,这是必须的. <script type="text/javascript" src="js/jquery.js"></script> 接着我使用一个无序列表来构建菜单. <ul class="men

Photoshop巧用滤镜制作动态水波效果

  这篇教程教PS学习者们使用PS滤镜制作动态水波效果,教程制作出来的水波效果还挺不错的,制作难度一般,推荐过来和思缘的朋友们一起分享学习了. 先来看看最终的效果图吧. 注:楼主使用的是CS3,本贴会使用到动画窗口(时间轴)具体的制作步骤如下: 素材先上新建画布,我使用的是500*500,大家可以自定 把人物拖进去新画布中,进行适当的裁剪,Ctrl+T调整人物大小,命名为上 Ctrl+J 将人物复制两层 其中一层执行[编辑-变化-垂直翻转],将复制图层进行位置调整 Ctrl+E将两个副本图层合并

美图秀秀制作动态图片效果教程

给各位美图秀秀软件的使用者们来详细的解析分享一下制作动态图片效果的教程. 教程分享:   方法/步骤 1.下载安装美图秀秀软件,双击打开,再打击"美化图片".     2.打击"打开一张图片".找到需要制作动态的图片,单击选中,再单击下方的打开.     3.找到更多功能,单击一下,找到"闪图",单击一下.   4.在左侧提供了多种闪图的种类,喜欢哪一种,单击一下就可以了.   5.小编选择了"特效",单击特效,单击特效中提供

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

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

使用Fireworks制作动态签名效果

动态 新建334X166像素画布, 底色为#FFFFFF,分辨率为72Pixels/Inch. 首先用3d(2d的话很费事)建模,设置高度和在xyz轴的角度(45度即可),然后置入FireworkMX修图. 选择对象,然后选择"修改">"元件">"转换为元件". 在"元件属性"对话框的"名称"文本框中,为该元件键入一个名称.选择元件类型:"图形"然后单击"确定&qu

Flash CS3轻松制作动态文字效果实例教程

  我们经常在网站等各种视频媒体上看到飞行文字或者弹跳之类的文字效果,或者由飞行汇集成文字或其它图案,如企业标志等,效果很漂亮.本Flash 教程就是模拟这种效果的,先建立所需要的文字或者其它,利用 Flash 发散动画文字.下面是最终效果,希望大家喜欢. 先看效果 1.在Flash CS3中新建一个Flash文档.使用快捷键Ctrl+F3打开Flash"属性"面板,单击面板中的"尺寸"按钮,打开"文档属性"面板,设置场景大小为500px x 2

PS巧用滤镜制作动态水波效果

  首先为大家提供最终效果图 先放图片素材 新建画布,我使用的是500*500,大家可以自定 把人物拖进去新画布中,进行适当的裁剪,Ctrl+T调整人物大小,命名为上 Ctrl+J 将人物复制两层 其中一层执行[编辑-变化-垂直翻转],将复制图层进行位置调整 Ctrl+E将两个副本图层合并,取名为上下,调整图层顺序,将只有上放到最上面 对图层上下进行些处理,执行[滤镜-模糊-高斯模糊]半径1.5,再将图层底部擦淡些,也可以自己再做些处理 Ctrl+J将上下图层复制几张,lz复制了三个,则上下图层

网页菜单工厂 精彩网页菜单轻松完成

菜单|网页 要是能够像那些专业站点一样制作出令人心动的网页菜单当然是再好不过的了,如果你并不会这些Javascript技术也没有关系,就由WebMenuShop在短短的几分钟之内让你的主页增色不少. WebMenuShop是一款用于快速建立网页菜单的软件,可以很轻松的制作形式多样的网页菜单,在制作过程中可以即时预览所得到的菜单内容,并且能够很方便地把菜单保存下来作为他用.而且值得一提的是,整个WebMenuShop的菜单制作流程只有四个步骤,因此很快就能够轻松搞定这一切. 第一步:选择菜单的风格