欢迎大家光临【无师自通-教程网】您的到来是我们的荣幸。本站提供photoshop教程,ps教程,flash教程,cad教程,网页制作教程,excel教程,asp教程,vb教程,3d教程,c语言教程,html教程,coreldraw教程,dreamweaver教程,java教程,3dmax教程 等各种教程为主题的内容和服务,相信您会在这里找到您所需要的东东。无师自通伴您一生-谢谢您的光临!!
网站地图 设为首页
简繁切换 加入收藏
栏目待定 留言本站
您现在的位置: 无师自通-教程网 >> 多媒体动画 >> Flash教程 >> Flash实例教程 >> 教程正文

  没有公告

[Flash]韩国式下拉菜单 更多...
[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;
}

好了 现在我们可以导出看效果了



教程录入:admin    责任编辑:admin 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     

    3DsMAX实例制作:三维玻璃灯泡

    3dmax在线教程--蝴蝶

    3ds max时尚水晶鞋

    精彩Flash制作风吹草动效果动画

    教程: 3DS Max-设计实例-三维虚拟…

    3dmax7.0教程--火焰特效

    绘画技巧:Flash绘制人头造型

    3ds max 室内设计---室内效果图
    免责声明!本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!.欢迎您的光临。
    辽ICP备07003958号
    无师自通,伴你一生-教程网