Flash制作一款漂亮的韩国式下拉菜单

菜单|下拉

  先看效果

点击这里下载源文件

  首先新建一画布 尺寸为250*600 设置画布颜色为白色 稍微把背景美化一下

  然后我们来做4个按钮 按钮的背景在鼠标没有接触时都是长165高30的灰快,鼠标触到按钮时我们把背景换换成不同的颜色 然后重制4个按钮把按钮分别命名为“anniu1”,“anniu2”“anniu3”“anniu4”, 之后在按钮上新建一层加上按钮的文字标题 文字在鼠标接触时也可以换字体颜色。

  现在 把刚才做的那4个按钮分别放到四个影片剪辑里去 把剪辑命名为“按钮1”,“按钮2”,“按钮3”,“按钮4” 在影片剪辑的属性栏里 把剪辑的实例名称分别改为”mc1",”mc2",”mc3",”mc4"。

  在影片剪辑“按钮1"里新建4个层 因为我们要做三个下级菜单还有一个层写脚本。

  在影片剪辑“按钮1"里 所有层的第2针插入关键针 在三个做下级菜单的层第2针分别做下级菜单的3个小按钮 依次放在每个层里。

  接下来 我们在第一个写脚本的层里 把第一针和第2针都加上

stop();
  然后 我们在影片剪辑“按钮1"里的“anniu1”按钮上加上代码

on (release) {
if (i == 0) {
gotoAndStop(2);
i = 1;
} else {
gotoAndStop(1);
i = 0;
}
}//只有当鼠标在按钮上按下并放开的时候,判定是否变量 i 是否等于0 如果等于0 则跳转到第2针 并且将 i赋值为1 如果变量 i 不等于0 则跳转到第一针 并把i赋值为0,按照这种做法
  把“按钮2”,“按钮3”,“按钮4” 的子菜单也按照“按钮1"的方法 做出来 同样别忘了加脚本,做好后我们在影片剪辑上加代码,在影片剪辑“按钮1”上写入

onClipEvent (load) {
i = 0;
}//当影片剪辑出现在时间轴上时 将 i 赋值为0
  影片剪辑“按钮2”上写入

onClipEvent (load) {
i = 0;
speed = 0.3;//设置移动的速度
}
onClipEvent (enterFrame) {
this._y = this._y+(_parent.mc1._y+_parent.mc1._height-this._y)*this.speed;
}
  //这个公式的实际作用是 计算“按钮2 ”移动的位置及速度 当按钮1并没有弹出自菜单时 我们发现计算式的后一部分(_parent.mc1._y+_parent.mc1._height-this._y)*this.speed 实际上值为0,而当弹出子菜单时 (_parent.mc1._y+_parent.mc1._height-this._y) 指的是多出来的子菜单的高度值。然后将它乘上移动的速度0.3 按钮2 就自动的往下移动到适合的位置了,公式里面用到了相对路径 _parent,在相对路径中, _parent 指示当前时间轴的父时间轴 即 影片剪辑的层次提高一层,然后依次在按钮3上写入。

onClipEvent (load) {
i = 0;
speed = 0.3;
}
onClipEvent (enterFrame) {
this._y = this._y+(_parent.mc2._y+_parent.mc2._height-this._y)*this.speed;
}
  在按钮4上写入

onClipEvent (load) {
i = 0;
speed = 0.3;
}
onClipEvent (enterFrame) {
this._y = this._y+(_parent.mc3._y+_parent.mc3._height-this._y)*this.speed;
}
  好了 现在我们可以导出看效果了

时间: 2024-09-22 14:55:10

Flash制作一款漂亮的韩国式下拉菜单的相关文章

Android编程之ICS式下拉菜单PopupWindow实现方法详解(附源码下载)_Android

本文实例讲述了Android编程之ICS式下拉菜单PopupWindow实现方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 右边这个就是下拉菜单啦,看见有的地方叫他 ICS式下拉菜单,哎哟,不错哦! 下面先讲一下实现原理: 这种菜单实际上就是一个弹出式的菜单,于是我们想到android PopupWindow 类,给他设置一个view 在弹出来不就OK了吗. PopupWindow 的用法也很简单 主要方法: 步骤1.new 一个实例出来,我们使用这个构造方法即可, 复制代码 代码如

Android编程之ICS式下拉菜单PopupWindow实现方法详解(附源码下载)

本文实例讲述了Android编程之ICS式下拉菜单PopupWindow实现方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 右边这个就是下拉菜单啦,看见有的地方叫他 ICS式下拉菜单,哎哟,不错哦! 下面先讲一下实现原理: 这种菜单实际上就是一个弹出式的菜单,于是我们想到android PopupWindow 类,给他设置一个view 在弹出来不就OK了吗. PopupWindow 的用法也很简单 主要方法: 步骤1.new 一个实例出来,我们使用这个构造方法即可, 复制代码 代码如

Flash制作一款漂亮别致的QQ菜单

菜单 大家看 这款QQ菜单的制作是不是十分精美而别致??而且原文件总共才100K 所以让我们来学习它的制作 做出文件量小而且漂亮的导航菜单 点击这里全屏观看效果 点击这里下载源文件 这个菜单分两个部分组成 后面的动画效果,和前面的菜单 我们先做后面的动画. 首先设定画布 在场景上新建一个元件 然后拉出一个渐变效果 矩形设为画布大小 渐变颜色分别是#01ACFF,#E1F7FF,#DAF1FF 新建一个叫"背景"的影片剪辑 把刚才做的元件拖进去,把"背景"MC拖到舞台

Flash制作一款朴素又不乏时尚效果的菜单

菜单 首先看下效果 点击这里下载源文件 一:启动FLASH MX(废话) 二:新建一文档,其它的默认,用矩形工具在场景拖出一个大小合适的矩形,再选主菜单-->"窗口"-->"混色器" 在混色器面版中将刚刚拖出的矩形"上色",以达到光亮效果 这3点的颜色分别为:#CCCCCC:#FFFFFF::#CCCCCC 三:选中这个图形,按下F8,转化为图形,名:元件一 四:ctrl+F8新建一影片剪辑,名:元件二: 在元件二中,ctrl+L,打

一款带缓冲效果jquery 下拉菜单

<link href="ddsmoothmenu.css教程" type=text/css rel=stylesheet> <script src="jquery-1.3.2.min.js" type=text/网页特效></script> <script src="ddsmoothmenu.js" type=text/javascript></script>   <div cla

Illustrator制作一款漂亮的签名档教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作一款漂亮的签名档的教程. 教程分享: 1打开AI,随便新建一个文件(快捷键CTRL+N)   2用钢笔工具(快捷键P),画出农民的字形,用不着太精确,有点意思就可以了   3画好后,点选择工具(快捷键V)然后点填色   4填色为巧克力色   5效果   6使用文字工具(快捷键T)   7在屏幕上点一下,输入"资深"二字,然后点选择工具(快捷键V),将字体定义为"方正和平简体".当然也可以用其它字体代替

Flash结合FireWorks制作下拉菜单

菜单|下拉 今天在网上看到一个FLASH制作的菜单,非常实用,给大家具体说说制作的步骤. 首先看看菜单动画的效果(单击标题可以看到下拉菜单效果) 点击这里下载源文件 下面具体给大家说说制作步骤: 1.首先我们使用Fireworks软件制作几个图形(当然你也可以使用其它做图软件制作),方法比较简单在这里就不给大家讲制作步骤了.做的图片是导航的提示文字图片及四个下拉菜单要显示内容的图片,分别导出为jpg或gif的都可以.如下图: 2.然后把导航图片导入到Flash舞台中,把图片命名为menu,把其它

lin环境下制作一款《订餐软件》,请问菜单预览的时候,如果列表很长,如何分为几个界面?

问题描述 lin环境下制作一款<订餐软件>,请问菜单预览的时候,如果列表很长,如何分为几个界面? lin环境下制作一款<订餐软件>,请问菜单预览的时候,如果列表很长,如何分为几个界面? 解决方案 你说的是数据分页吧.http://www.cnblogs.com/shuang121/archive/2011/02/17/1956813.html 解决方案二: 逐步深入,基本上是叫人免费做,还不对提供帮助的人提供感谢.估计整理完了,卖给哪个餐饮老板.这饭菜还特贵

Fireworks MX制作下拉菜单

菜单|下拉 随着网站页面极其功能的复杂化,越来越多的网站使用下拉菜单进行导航.熟悉Javascript的朋友都知道,所谓下拉菜单其实是通过Javascript控制每一个元素的可见属性实现的,当然这需要专门编写大段的代码.但是要是使用Fireworks MX就不需要这么麻烦,所有的代码都是由Fireworks MX自动生成的,你要做的只是美化一下界面,再简单的设置一下下拉菜单的选项就可以了. 下面就来看看怎样使用Fireworks MX增强的下拉菜单功能制作出让人羡慕的下拉菜单. 步骤1: 打开一