Flash中超酷的菜单的制作

菜单

学以至用,方能温故而知新,下面我们一起来做一个酷酷的导航菜单吧!
点这看演示效果
菜单效果简析:
这个菜单主要由两个部分组成:菜单的弹出以及图片Y方向上的滚动。图片的滚动问题现在应该不是问题了(你还可以在原来的基础上自行添加一些效果,比如当鼠标放上图片上面时,图片有Zoom的效果),关键是如何设置菜单的弹出效果。

制作过程简析:
新建三个MC,MC名称分别为images、mask、navigation。在MC(images)中,把图片导入,图片竖直排列,其长度的一半对准MC场景的中心;在MC(mask)中,做一竖直色块,用做遮罩;在MC(navigation)中,做相应的背景,并把MC(images)、MC(mask)拖入,排好,命名MC(images)实例名称:menu,具体请看下图:

AS层,帧1, code :
/*-----------------------------------------------------------------------
MovieClip.prototype.ymotion = function() {
//定义一个类
distance = 140-_root._ymouse;
this._y += distance*.05;
if (this._y < 0) {
this._y = 405;
}
if (this._y >405){
this._y = 0;
}
}
//以上代码大家应该不陌生了
/*----------------------------------------------------------------------------
//call
menu.onEnterFrame = function() {
if (this.hitTest(_root._xmouse, _root._ymouse, true)){
this.ymotion();
}
}
这样就可以实现图片的滚动效果。
把MC(navigation)从库中拖到主场景,其instance name :nav
新建一层:Control ,帧1, code :
/*----------------------------------------------------------
fscommand("allowscale", "false");
//设置菜单弹出效果
MovieClip.prototype.xmotion = function() {
this.s = this.s*.4+(this.x-this._x)*.4;
this._x += this.s;
};
nav.x = 460;
nav.useHandCursor = false;//当鼠标在nav上时屏蔽手形
//鼠标事件
nav.onRollOver = nav.onRollOut=function () {
if(this.x == 460){
this.x=240;
}else{
this.x=460;
}
}
//call
nav.onEnterFrame = xmotion;
/*--------------------------------------------------------------------------------------------------------
Ctrl+enter!....似乎效果还不错教程写完了。

时间: 2024-09-30 20:16:33

Flash中超酷的菜单的制作的相关文章

VB打造超酷个性化菜单(一)

菜单 VB打造超酷个性化菜单(一) 众所周知,MS Office 2003推出已经有一段时间了,但我们依然不会忘记Office XP刚刚推出时其令人耳目一新的菜单给我们留下的深刻印象.突起的悬浮式图标,不同寻常的菜单项填充方式,不仅让办公一族们赞不绝口,更让广大的程序员和编程爱好者对这种风格的菜单的制作产生了浓厚的兴趣.所以,在这篇文章里,我们就来好好地研究研究用VB怎么制作这种风格的菜单,在文章的最后,我将给出源代码的下载地址.事实上,在了解其原理以后,不论是用VB.VC还是Delphi,都能

VB打造超酷个性化菜单(二)

菜单 VB打造超酷个性化菜单(二) 其实,漂亮的界面都是"画"出来的,菜单当然也不例外.既然是"画"出来的,就需要有窗体来接收"画"菜单这个消息,后面我们会看到,实际上不仅仅是"画"这个消息,一切关于这个菜单的消息都要有一个窗体来接收.如果你对消息不太了解,可以看看网上其它一些关于Windows消息机制的文章.不了解也没有关系,只要会使用就可以了,后面的文章给出了完整的源代码,而且文章的最后还给出了源代码的下载地址. 下面我们

VB打造超酷个性化菜单(三)

菜单 VB打造超酷个性化菜单(三) 现在到了最关键,最精彩,也是最复杂的部分了.我们最关心的就是怎样"画"菜单,怎样处理菜单事件,在MenuWndProc这个处理消息的函数里,我们要处理如下消息:WM_COMMAND(单击菜单项),WM_MEASUREITEM(处理菜单高度和宽度),WM_MENUSELECT(选择菜单项),WM_DRAWITEM(绘制菜单项). 打开上次建好的工程,添加一个标准模块,并将其名称设置为mMenu,代码如下: '**********************

CSS+JavaScript打造超酷右键菜单

css|javascript|菜单|右键 其实在网页上实现右键菜单的风格化已经是一个老话题了,正常情况下,网页上的右键菜单是默认IE右键选项,包括了一些常用的功能. 但有时候我们会遇到这样的问题,我们希望禁止访问者使用右键菜单或者希望屏蔽右键菜单的某些功能,比如,为了保护网页内容我们不希望访问者通过右键菜单来查看网页源代码,也不希望其通过右键来对网页内容进行选取.复制等,很多网页设计者在考虑这个问题的时候都是简单地对右键进行屏蔽,与其这样我们还不如用脚本来实现一个风格右键菜单,并在这个右键菜单中

Illustrator设计超酷的世界杯足球制作教程

给各位Illustrator软件的使用者们来详细的分享一下设计超酷的世界杯足球的制作教程. 教程分享: 完成的效果.   完成图   造型骨架   纯骨架 先在Illustrator中画出这样的形状.   把填色改为白色,拖入符号调板中   画半个圆形,描边为蓝色.(咋画?画个正圆,用直接选择工具选择一半删除不就是半个圆么)   执行"效果>3D>绕转"命令,在对话框中设定如下图所示:   单击"贴图"按钮,"符号"就选择上个步骤定义

CSS+JavaScript打造超酷右键菜单(2)

css|javascript|菜单|右键 在一般的网页中,IE浏览器的默认右键菜单是一成不变的固定模式,大部分网友浏览网页时对它的利用率不高.对专业的网页设计师来说,如果能将右键菜单设计成个性化的内容,样式该是多么的酷和方便. 试想一下,用户在你的网站上一点右键,就是你精心组织的"链接"."发信",甚至包含了缤纷的交互式Flash动画!看看如何制作吧: <style> <!-- .skin0 { position:absolute; text-al

FLASH中增加自定义右键菜单代码

以前的as2.0的写法分享给大家  代码如下 复制代码 function gotoinlookme() { getURL('http://hi.baidu.com/inlookme', '_blank'); } var mymenu:ContextMenu = new ContextMenu();//定义的mymenu要加上ContextMenu类型,要不后面不会出现代码提示 mymenu.hideBuiltInItems();//隐藏默认菜单,但是"设置"与"关于"

PhotoShop打造游戏中超炫的玄光特效制作教程

玄光在各种游戏特效中是经常出现的,有时利用PS来制作各种宣传特效也是相当方便的,本例通过一个圆形玄光的制作来进行讲解, 主要涉及到的PS知识点有文字变形.动感模糊.高斯模糊.外发光及各种变换操作,有需要的朋友可以学习一下. 教程效果图: 原图一: 原图二: 1.本教程采用photoshop CS5制作,其它版本基本通用,先在PS中打开原图一,如下图所示: 2.首先来制作环形文字,单击选择"横排文字工具",并设置前景色为白色,字体及大小如下图所示: 分类: PS入门教程

CSS+&amp;#106avascript打造超酷右键菜单

css|菜单 但有时候我们会遇到这样的问题,我们希望禁止访问者使用右键菜单或者希望屏蔽右键菜单的某些功能,比如,为了保护网页内容我们不希望访问者通过右键菜单来查看网页源代码,也不希望其通过右键来对网页内容进行选取.复制等,很多网页设计者在考虑这个问题的时候都是简单地对右键进行屏蔽,与其这样我们还不如用脚本来实现一个风格右键菜单,并在这个右键菜单中装上我们自己的内容.下面我们来尝试一下这个设想. 我们首先要考虑的问题是通过鼠标右键单击事件来调用一个函数,这个函数用来显示新的右键菜单的内容.我们知道