【空间教程】简单制作Flash弹出菜单 (15/1285)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: R·Yuan

用户形象图片

简单制作Flash弹出菜单
本文已被推荐到Qzone社区, 点击了解更多精彩内容

在网上有很多关于Flash二级菜单的制作教程,那些都很复杂,不是用纯AS就是Flash与XML接合,那些对于初学者来说太难。在这里介绍一种易学、易做的FLASH二级菜单制作方法。这个二级的菜单由按钮、影片与AS的接合,不用担心AS会有多复杂,我会一一注明其功能的。下面就带你进入Flash奇妙的乐趣世界。

效果影片:
 
因为Qzone里面屏弊了flash与外部的链接因此在这里只能看到样式,看效果请用下面的地址
http://m.99081.com/ryy525/Qzone/00.swf

首先做一个按钮元件放于场景内,插入—新建元件—按钮。图1按钮由三个层组成!一层放按钮背景,二层放点状线框,三层放按钮文字(养成一个好习惯,各自一层)!

图1

下面再做影片元件,方法与按钮元件一样,插入—新建元件—影片,影片里所有图层都在第二帧做,影片里有四个层分别是:背景、按钮、热点、按钮热点,背景层用矩形工具画图2


图2


影片元件里要做三个按钮(按钮可以就在影片内用矩形工具画,再用文字工具打上相应的文字,最后再做按钮热点图3),影片里的按钮上方要为每个按钮做上热点图4


图3
图4


做好排好后把影片拖入场景。场景中选中影片层在动作里面写上"stop();",给影片写好实例名MC图5。

图5

选中场景中的按钮在动作里面写上AS图6。

图6

on (rollOver) {
mc.gotoAndStop(2);
}
on (release) {
mc.gotoAndStop(1);
}
代码解释:当鼠标滑过按钮时转向并停止在影片MC第二帧,当鼠标释放按钮是转向并停止在影片MC第一帧。

双击场景中的影片元件,锁定下面三层,留按钮热点这样好操作,选中影片中任意一层的第一帧在动作中写上“stop();”图7。

图7

点中第一个按钮热点,在动作里面写上AS图8

图8

心的点滴是链到我的blog:rsl.52sky.org
on (release) {
gotoAndStop(1);
getURL("http://rsl.52sky.org", _blank);
}
on (rollOver) {
gotoAndStop(2);
}
代码解释:当鼠标按下并释放时打开blog,当鼠标滑离当前按钮时转向并停止在第二帧

其它两按钮热点上的AS就不再说做了与上面一样。

在线交谈:
on (release) {
gotoAndStop(1);
getURL("http://wpa.qq.com/msgrd?V=1&Uin=81089318", _blank);
}
on (rollOver) {
gotoAndStop(2);
}

腾讯动画:
on (release) {
gotoAndStop(1);
getURL("http://flash.qq.com/cgi-bin/userhome?qq=81089318", _blank);
}
on (rollOver) {
gotoAndStop(2);
}



一切OK,文件—导出影片,上传至网上可以看到其它效果!
回到帖子顶部

回帖 引用 1楼嫣语

用户形象图片

谢谢破兔子的支持.
回到帖子顶部

回帖 引用 2楼零℃愛情

用户形象图片

我们家嫣语发的啊  朋友们有空学学哈  
回到帖子顶部

回帖 引用 3楼嫿〓tian啯

用户形象图片

以前做过,不过忘了

现在我又可以去学了
回到帖子顶部

回帖 引用 4楼笔杆!

用户形象图片

兔子的教程很好嘛,就是高难度了些
回到帖子顶部

回帖 引用 5楼新儿

用户形象图片

恩 很好的教程呢, 可是呢  我看不太明白 兔子麻烦你下次些详细点呢。
回到帖子顶部

回帖 引用 6楼独行公子

用户形象图片

这个很   有意思啊!
回到帖子顶部

回帖 引用 7楼◢◤◢◤◢◤

用户形象图片

不错的教程支持了。
回到帖子顶部

回帖 引用 8楼οo雨♂飛ヾ

用户形象图片

兔子的教程一直都很好。
回到帖子顶部

回帖 引用 9楼紫贝壳

用户形象图片

这个教程真的很好啊,学习了。
回到帖子顶部

回帖 引用 10楼空城小兔

用户形象图片

兔子
支持一下下
回到帖子顶部

回帖 引用 11楼 習 √ 慣

用户形象图片


   谢谢..


    支持
回到帖子顶部

回帖 引用 12楼九天玄女_/~

用户形象图片

             可惜看不到效果啊
回到帖子顶部

回帖 引用 13楼郭、盖盖

用户形象图片



                      兔子····
回到帖子顶部

回帖 引用 14楼″季后シ约定

用户形象图片

好不容易找这个出来
回到帖子顶部

回帖 引用 15楼天秤

用户形象图片

此教程明显的逻辑上不严禁的地方,希望楼主可以改正

回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]