| VB 源码 | VC 源码 | ASP源码 | JSP源码 | PHP源码 | CGI源码 | FLASH源码 | 素材模板 | C 源程序 | 站长工具 | 站长教程 |

网页设计

网站策划
网页设计

本类阅读TOP10

·经典网页设计欣赏
·Flash Loading制作全接触
·用Flash制作简单闪光字
·下拉菜单全攻略(Javascript篇)
·PhotoShop热键大全
·下拉菜单全攻略(DW篇)
·网页效果集合
·哈利波特书封面设计欣赏
·Flex 入门教程
·一流的设计师,一流的PHOTOSHOP教程

站内搜索

FLASH实例:制作滚动的公告栏
 

  实例预览:左图是用FLASH制作的可滚动文字公告栏,当用鼠标点右侧两角的上下键头或拖动滑块时 ,文字可随之上下移动。这样我们在较小的画面就可放较多的内容。

  知识提示:学习使用Actions 中的On MouseEvent,Tell Target,Go to Previous Frame,Go to Next Frame等命令

  
制作过程

  步骤一、制作滚动的文字。飞华统计专家
1.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段(Movie Clip),命名为“运动的字”,点工具栏上的文字工具(Text Tool[T]),设置好字体、文字大小及颜色,在工 作区域输入多行文字,调整好它的位置,如图1所示。

1.gif (6012 bytes)
图1 输入文字

  2.在第10帧点右键,从弹出的菜单中选插入关键帧(Insert Keyframe),在工作区域将文字向上垂直拖 动,距离大约为自身高度的一半,用鼠标单击第1到10帧之间的任意位置,按Ctrl+F打开Frame面板,在渐变项 (Tweening)中选移动(Motion),如图2所示。飞华统计专家

2.gif (5414 bytes)
图2 生成移动的文字

  3.双击第1帧,在弹出的Frame Action对话框中双击停止(Stop),如图3所示。

8.2.3.gif (6141 bytes)
图3 Frame Action对话框

  4.给第10帧增加同样的动作,这时可以看到在时间轴第1和第10帧上分别出现了同一符号,象手写体的 “a",这表明当不给此电影片段发指令时,画面会停在这帧上,如图4所示。

8.2.4.gif (3663 bytes)
图4 加上动作之后的关键帧

  步骤二、制作滑块
1.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段(Movie Clip),命名为“滑块”,用绘图工具在工作区域画一灰色的方块,并将右边缘和底边缘加暗,如图5所示。

5.gif (2761 bytes)
图5 滑块飞华统计专家

  2.在第10帧插入关键帧(Insert Keyframe),将工作区域的方块向下移动约为四个方块的距离,用鼠标 点第1到10帧之间的任意位置,按右键,在弹出的菜单中选建立移动渐变(Create Motion Tween)。分别选取第1帧和第10帧,并分别在Frame Action对话框上选停止(Stop),如图6所示。

6.gif (3959 bytes)
图6 滑块动画

  步骤三、制作按钮
1.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选按钮(Button)命 名为“向上”,在工作区域用绘图工具分别绘制三种状态下的按钮图形,如图7所示。

8.2.7.gif (4384 bytes)
图7 向上按钮

  2.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选按钮( Button),命名为“向下”,在工作区域用绘图工具分别绘制四种状态下的按钮图形,如图8所示。

8.2.8.gif (4115 bytes)
图8 向下按钮

  3.点选菜单栏中的插入>添加组件(Insert>New Symbol..),在出现的对话框中选按钮( Button)命名为controt,因为此按钮在合成的电影中不显示出来,所以前三帧为空,如图9所示。

8.2.9.gif (3805 bytes)
图9 特殊的控制按钮

  步骤四、给按钮注入动作
1.点选菜单栏中的插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段(Movie Clip),命名为“向上滚动”,从图标库(Library)中把按钮“向上”拖至工作区域,在工作区域选中按钮, 打开Instance面板,在选项(Options)下拉框中点选菜单项目形式(Track as Menu Item),这样做的目的是当鼠标按下能不断发出动作信号,如果选按钮形式(Track as Button),则 鼠标按一下就只能做出一次反应,如图10所示。

8.2.10.gif (5305 bytes)
图10 选择按钮形式

  在按钮上点右键,从弹出的菜单中选动作(Action),在出现的Object Action面板上双击鼠标事件(On MouseEvent),然后在对话框下方分别勾选按下(Press)拖过 (Drag Over)拖出( Drag Out)选项,如图11所示。

8.2.12.gif (8989 bytes)
图11 鼠标事件复选框

  双击告诉目标(Tell Target),在对话框下方的告知目标(Target)栏输入/文字,如图12所示。

8.2.13.gif (8906 bytes)
图12 告诉目标

  继续在菜单上双击跳至(Go To),在对话框下方的类型(Type)选项中点选上一个影格(Previous   Frame),如图13所示。

8.2.14.gif (10008 bytes)
图13 文字跳至上一个影格

  在菜单上双击告诉目标(Tell Target),在对话框下方的告知目标(Target)栏输入/滑块,同样在菜单 上双击跳至(Go To),在对话框下方的类型(Type)选项中点选上一个影格(Previous   Frame),如图14所示。

8.2.15.gif (10752 bytes)
图14滑块跳至上一个影格

  2.在时间轴第1帧上点右键,在弹出的菜单中选拷贝影格(Copy Frames),新增一层,在第2帧上点右键 ,在弹出的菜单中选粘贴影格(Paste Frames),即将第1帧的按钮和上面设制的动作全部复制到另一层的第2帧 上,如图15所示。

15.gif (3118 bytes)
图15 向上滚动电影片段的关键帧

此步骤的主要目的是为了在最后合成的电影中,当鼠标一直按下时文字能持续滚动。

  3.点选菜单栏中选择插入>添加组件(Insert>New Symbol..),在出现的对话框中选电影片段( Movie Clip),命名为“向下滚动”,从图标库(Library)中把按钮"向下"拖至工作区域,在实例 (Instance )面板的选项(Options)下拉框中点选菜单项目形式(Track as Menu Item),参见图10,然后给按钮增加动作 ,方法可参照上步骤4(1),结果如图16所示。

8.2.17.gif (10728 bytes)
图16向下滚动的动作设置

  4.将第1帧复制到新增层的第2帧,方法与步骤4(2)相同,如图17所示。

17.gif (3113 bytes)
图17向下滚动电影片段的关键帧

  步骤五、部件组合
1.点时间轴右上的Scene1切换场景,将当前层命名为“界面”,在工作区域绘制滚动界面,这里我们用导入 的一张图片如图18所示。

18.gif (16882 bytes)
图18滚动界面

2.按Ctrl+B打散位图,选工具l.gif (200 bytes),再选l2.gif (131 bytes),然后点图的蓝色区域,选中后,按Delete键,删除,这样挖空了中 间部分,就能使之能显示需滚动的内容,如图19所示。飞华统计专家

19.gif (17504 bytes)
图19 清空所选区域

  3.新增一层取名为“控制”,从图标库(Library)中把电影片段“向上滚动”、“滑块”、“向下滚 动”拖到工作区域中,调整好大小及位置,如图20所示。

20.gif (15852 bytes)
图20 增加部件

  4.从图标库中拖4个名为controt的按钮,将其在“向上滚动”与“向下滚动”之间整齐排列,如图21所 示。

21.gif (14837 bytes)
图21 “滑块”触发区

  5.点击选中紧靠着“向上滚动”的controt,在实例(Instance )面板,在选项(Options)中点选菜单项 目形式(Track as Menu Item),参见图10,然后在Object Actions对话框将动作按如图22设置。

8.2.22.gif (10168 bytes)
图22 给控制设制动作

  这里我们将其语句作些对照解释:

On (Press, dragOver) 在鼠标(按下,拖过)时
tellTarget ("/滑块") 告知目标 ("/滑块")
gotoAndStop (1) 跳至并停止 在第1帧
tellTarget ("/文字") 开始告知 目标 ("/文字")
gotoAndStop (1) 跳至并停止 在第1帧

  剩余的三个设置方法都一样,下面是动作对话框中最后的设置。
第2个controt动作为:

on (press, dragOver) {
tellTarget ("/滑块") {
gotoAndStop (3);
}
tellTarget ("/文字") {
gotoAndStop (3);
}
}

第3个controt动作为:
on (press, dragOver) {
tellTarget ("/滑块") {
gotoAndStop (6);
}
tellTarget ("/文字") {
gotoAndStop (6);
}
}
第4个controt动作为:
actions for controt
on (press, dragOver) {
tellTarget ("/滑块") {
gotoAndStop (10);
}
tellTarget ("/文字") {
gotoAndStop (10);
}
}
这样在滚动控制区域的任何位置都能拖动“滑块”并带动文字做相应的滚动。

  6.在“控制”层下增加“文字”层,从图标库(Library)中把电影片段“运动的字”拖到工作区域, 调整好大小及位置,如图23所示。

23.gif (17765 bytes)
图23 加入需滚动的文字电影片断

  7.如果现在测试电影,将发现按键没反应,我们还需给实例在场景中命名,按Ctrl+I调出Instance面板 ,在工作点选“运动的字”,在Instance面板的 Name栏中输入“文字”,如图24所示。

8.2.25.gif (11356 bytes)
图24 给实体命名

  同样在工作区域选中“滑块”,在Instance面板Name栏中输入“滑块”;选中“向上滚动”,在Name栏 中输入“向上滚动”;选中“向下滚动”,在Name栏中输入“向下滚动”。好了,现在可以按Ctrl+Enter测试 电影,看看是否一切正常。




相关文章
  • Photoshop实例
  • Flash制作实例:遮罩 等你的日子
  • Flash制作实例:心形按钮
  • ASP中XML、DataSet、DataGrid结合实例
  • Flash MX 2004新特性实例学习
  • Flash MX 2004新特性实例学习
  • Flash MX 2004新特性实例学习
  • Flash 3d效果实例--变换矩阵
  • Flash 3d效果实例--水晶球(图)
  • Flash 3d效果实例--互动线框(图)
  • Flash 3d效果实例--方块扭曲
  • Flash 3d效果实例--动感球体
  • Flash 3d效果实例--旋转的三棱锥
  • 相关软件

  • TAPI实例程序  
  • DAO实例程序  
  • 使程序一运行一个实例  
  • TAPI通信实例  
  • 文档视图结构实例  
  • DDE实例  
  • 工具条开发实例  
  • C语言命令行参数的实例  
  • 仙人掌工作室提供的按钮菜单实例  
  • 一个ASP+FLASH的实例  

  • 下载首页关于我们广告服务联系方式常见问题隐私声明法律条款本站声明下载帮助发布软件站点地图谷歌卫星地图