| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > ActionScript教程 > 文章正文 用户登录
265上网导航CEO:
闪客帝国导航条的
按钮的小技巧
MC里的按钮转换场
6种常用的一个按钮
Flash中如何通过按
关于Mediaplaybac
Flash中一个按钮控
让某一区域的按钮
浅谈应用按钮事件

按钮导航条           

按钮导航条

作者:佚名 来源:闪吧 作者: 舞韵 更新:2007-1-13 20:46:24 错误报告 我要投稿


点击浏览该文件

这是一个按钮导航条,通过滑过按钮看到flash编号,点击可以进入你所需要的页面。

本实例我是用鼠绘的方法制作的,希望大家可以更好的掌握混色器颜色的调配,达到自己需要的效果。

知识点:1、掌握绘图工具的运用,填充颜色的调整

2、进一步对透明度加深理解运用

3、对元件的识别和运用

4、学习按钮命令

5、场景的布局

1.新建文档,设置场景属性:70*400 背景色:黑.确定。
2.创建元件:A.底板元件:
点插入-新元件,行为:图形。 名字底板。
在工具栏选矩形工具,在编辑区绘制无边框的线性填充矩形 ,宽高:64*7 。
填充色自己创意。
(源文件:8个色块自左向右分别为:#308955透明度为0 #366332透明度为84 #C0E2D0透明度100
#030312透明度100 #EAECF9透明度100 #64AC5E透明度74 #5A8446透明度60 #C6DDC1透明
度20。)选对齐面板水平据中,低对齐。图1

按此在新窗口浏览图片
B.条形元件:
点插入-新建元件,行为:图形。 名字:条。在工具栏选矩形工具,在场景下绘制无边框
的长条矩形 。填充色为纯色(源文件:#296533透明度90)。宽高:18*228。居中对齐。图2。 按此在新窗口浏览图片

C.按钮图元件:
点插入-新建元件,行为,图形。名字:按扭图。在工具栏选椭圆工具,在在编辑区绘制径
向填充圆形,尺寸31*31。颜色可以自定(源文件:自左向右色码为:#02D702透明度100
#014301透明度100 #000000透明度40)在工具栏选笔刷工具,填充色为白色,在按钮的高光位
置画出弧线高光区。居中。图三

按此在新窗口浏览图片
D.按钮元件:
点插入-新建元件,名字按 钮。行为:按钮。进入按钮编辑区,在第一帧打开库拖出按钮
图元件,居中。在按钮编辑区,2、3、4帧插入关键帧,选中的二帧,点中编辑区的按钮,
在下边属性面板颜色选色调为黑,透明度:50%。
第三帧。点编辑区的按钮在下边属性面板颜色选色调为浅灰,透明度:50%。

添加新图层点第二帧插入空白关键帧在属性面板声音选择a,第三帧插入空白关键帧。
在属性面板声音选择b.。

E.影片剪辑元件1:
点插入-新建元件,行为,影片剪辑。名字:按扭动。确定。点图层1,添加五个图层,
共6个图层,在最上边图层改名Actions。

图层5改名按钮1。在第一帧F11打开库,拖出按钮元件,
居中对齐,点第七帧插入F6关键帧,点中编辑区的按钮,在下边属性面板输入X坐标为-12.5,
Y坐标为-248.0,回到第一帧创建运动渐变。用鼠标选中本图层所有帧点右键,拷贝帧备用。

在图层4改名按钮2,第三帧点右键,粘贴帧,点中结束帧编辑区的按钮,调整Y坐标的位置
为:-281.5。

图层3改名:按钮3的第五帧点右键,
粘贴帧,修改结束帧编辑区的按钮y坐标位置为:-315.0。

图层2改名按钮4的第七帧点右
键粘贴帧,修改结束帧上编辑区的按钮y坐标为:-351.0。

图层1改名按钮5的第九帧点右键
粘贴帧,修改结束帧上编辑区的按钮y坐标为:-387.0。 添加一图层,在15帧插入关键帧,
点右键-动作-stop(); 图4按此在新窗口浏览图片
F.影片剪辑元件2:
点插入-新建元件,行为,影片剪辑。名字:字母标题。确定。
在工具栏选文本工具,下面属性面板设置文本属性:字体,自定,大小18,竖体。点图层1的第二
帧,插入关键帧,在编辑区输入文字flash 1.在3、4、5、6帧插入关键帧,并修改数字为:2、3、
4、5。在这六祯上分别添加帧命令:stop()。

3.组合场景:

A. 回到场景一,点图层一改名:底板。第一帧,F11,打开库 ,拖出元件底板,放在场景下边右侧和
场景对齐,第8帧插入关键帧,选择任意变形工具,向上拉和场景同样大小,回到第一帧,创建
运动渐变。
B.添加图层二,改名条。在第三帧处插入空白关键帧,打开库拖出图形元件“条”,放在场景的下边左侧,
第九帧处 插入关键帧。将条元件向上移动,低对齐场景,回到第一帧创建运动渐变。
C.添加图层三,改名按钮。第九帧插入空白关键帧,打开库拖出影片剪辑“按钮动”放在场景的下边偏右,
坐标:x:33.5,y:310.3.
D.添加图层四,改名flash.第九帧插入空白关键帧,从库里拖出影片剪辑“字母标题”,放在场景左上侧,
位置:x:6.0,y:74.2。点中场景该元件,在下面属性面板添加实例名称为:a。
4.添加代码:
A. 场景:添加图层,as.第九帧插空白关键帧,点右键打开动作面板,影片控制-stop()。
B.按钮命令:在场景双击影片剪辑“按钮动”,进入编辑区,点中按钮一图层的第七帧所选中场景中
的按钮,点右键——动作,在动作面板输入:


on (rollOver, dragOver) {
root.a.gotoAndPlay(6);
}

on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}

点中按钮二图层的第九帧所选中场景中
的按钮,点右键——动作,在动作面板输入:



on (rollOver, dragOver) {
-root.a.gotoAndPlay(5);
}

on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}

点中按钮三图层的第11帧所选中场景中
的按钮,点右键——动作,在动作面板输入:

on (rollOver, dragOver) {
_root.a.gotoAndPlay(4);
}

on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}

点中按钮四图层的第十三帧所选中场景中
的按钮,点右键——动作,在动作面板输入:


on (rollOver, dragOver) {
_root.a.gotoAndPlay(3);
}
on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}

点中按钮五图层的第十五帧所选中场景中
的按钮,点右键——动作,在动作面板输入:


on (rollOver, dragOver) {
_root.a.gotoAndPlay(2);
}

on (rollOut, dragOut) {
_root.a.gotoAndPlay(1);
}

如果你想每个按钮跳转到你的一个页面 请加:

on (press) {
getURL("/Upload/2005-04/yywz.swf", "_blank");
}

网址可以换你自己的。

整个实例完成,测试影片,保存。

源代码:
点击浏览该文件

文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。