首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

as轻巧入门——1.3 为“按钮”添加鼠标事件

2012-11-22 
as轻松入门——1.3 为“按钮”添加鼠标事件本节应掌握的知识要点:    ①为按钮添加鼠标事件;②为影片剪辑定义实

as轻松入门——1.3 为“按钮”添加鼠标事件

本节应掌握的知识要点: 
   ①为按钮添加鼠标事件;②为影片剪辑定义实例名;③大括号“{}”和点语法“.”;④“绝对路径”概念;⑤对象的后缀;⑥【语法提示】工具

、【插入目标路径】工具

和【自动套用格式】工具

的应用。
  上一节我们学习了为关键帧添加动作,以实现让动画按要求停止播放的效果,这一节将学习为按钮添加鼠标事件来控制动画的播放状态和控制影片剪辑的播放,实现简单的交互。
  
  要学习的语句是on()事件处理函数;指定触发动作的鼠标事件。
  语法格式:
  on (mouseEvent) {
  }
  “()”小括号中的mouseEvent参数是鼠标事件,常用的有以下几种鼠标事件:
  Press    当鼠标指针经过按钮时按下鼠标。
  release    当鼠标指针经过按钮时按下再释放鼠标按钮。
  releaseOutside 当鼠标指针在按钮之内时按下按钮后,将鼠标指针移到按钮之外,此时释放鼠标按钮。
  rollOut     鼠标指针滑出按钮区域。
  rollOver     鼠标指针滑过按钮。
  请看示例动画“实例1-2”。
实例1-2 为按钮添加鼠标事件  
   画面上方,仍然是那只欢跳的小松鼠在画面上不停的来回奔跑。来回奔跑的动作是在主场景时间线上设置的动作。
  画面下方,显示有我们熟悉的“属性”面板,从这里可以看到,画面上这只跳跃的小松鼠是一个名称为“松鼠”的影片剪辑元件,我们给这只小松鼠定义了一个实例名为“shu_mc”。要用动作控制影片剪辑的播放状态,为对象命名是必须的一个步骤。
  画面中间有3组按钮,当鼠标滑过按钮时,将显示该按钮上添加的动作,请大家先注意看看三组按钮上的语句,再分别点击各个按钮,试试它们有什么不同的作用。
  点击蓝色按钮,可以控制场景的播放与停止,但是不能控制影片剪辑“shu_mc”的播放与停止;
  点击绿色按钮,可以控制影片剪辑“shu_mc”的播放与停止,但是不能控制场景的播放与停止;
  点击红色按钮,可以同时控制影片剪辑“shu_mc”和场景的播放与停止。
  看一下前两组按钮上的语句,以“stop“按钮为例。其差别是,绿色”stop”按钮上的动作前面添加了“_root.shu_mc”:
  on (release) {
    _root.shu_mc.stop();
  }
  为按钮添加动作的方法是,选中场景上要为其添加动作的按钮,这时“动作”面板标题栏上显示的标题是“动作-按钮”,这表明当前要为其添加脚本的对象是按钮。在脚本编辑窗口中添加动作。
本文转自:http://www.5uflash.com/flashjiaocheng/Flashaschengxu/1127.html

热点排行