• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > Flash AS 实例进阶 导航条实现方法

Flash AS 实例进阶 导航条实现方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Flash AS 实例进阶 导航条实现方法,其中包含flash as实例,flash as3.0实例,flash as2.0实例,flash as3.0实例教程,flash as2.0实例代码等知识点,遇到此问题的同学们可以参考下

  源文件下载

  >>>>>点击查看动画效果<<<<<

  实例2-4导航条

   ( 1 )基本思路  

   ① 作几个标签,类型为 MC ,上面有文字标识,是嵌套在标签里的 MC ,鼠标滑过时可以改变字的大小。

   ② 作一类型为 MC 的光标,给其加动作,可以“弹性”地向某点靠近,弹性这词,也是网上学的,意思就是移动方式不要一步到位,避免呆板,就是为好看嘛 。

   ③ 当鼠标滑过某一个标签,光标就以颜色和宽度变化的形态逐步向这点靠近。

   ④单击标签都有一个链接地址被打开,转向指定的页面。

   ⑤设定限制,当鼠标移出范围后,光标以初始形态停在最后滑过的标签上。

  ( 2 )新知识点

  ||// 逻辑或,若干条件,有一条够格就是真。

  &&// 逻辑与,要同时满足所有的条件才为真。

  getURL()// 将来自特定 URL 的文档加载到窗口中, URL 是 WWW 页的地址。

  (3)实例说明

   ① 主场景中水平排开外观一致的 MC 类型的标签,嵌套在标签里的文字也是 MC ,这里分别是:首页、二页、三页、四页。

   ② 用外形和标签同样大的 MC作为光标 ,内部有形状补间,第 1 帧要设定 stop 。

   ( 4 )编写动作脚本

  ① 在标签 MC 上输入:  on (rollOver) {// 鼠标滑过

  h = 1;

  i = 1;

  _root.newx = this._x;// 将这 MC 的坐标 X 的值赋与 _root.newx

  }

  on (rollOut) { 鼠标滑出

  h = 0;

  }

  onClipEvent (enterFrame) {// 以帧频频率执行以下动作

  if (h == 1) { 当变量 h 等于 1 ,就是鼠标滑过此 MC 时,执行以下动作

  if (i>0 && i<21) {i 同时满足大于 0 ,小于 21 的条件

  this.z._xscale = 100+i*1.8;// 嵌套在此 MC 里的 “z” 水平比例增加 i*1.8

  this.z._yscale = 100+i*1.8; // 嵌套在此 MC 里的 “z” 垂直比例增加 i*1.8

  _root.mc._xscale = 100-i*10;// 主场景的 “mc” 水平比例减少 i*10

  _root.mc.play();

  i++;

  }

  } else { 当变量 h 不等于 1 ,就是鼠标滑出此 MC 时,执行以下动作

  if (i>1 && i<22) {

  this.z._xscale = 100+i*1.8; // 嵌套在此 MC 里的 “z” 水平比例减少 i*1.8

  this.z._yscale = 100+i*1.8; // 嵌套在此 MC 里的 “z” 垂直比例减少 i*1.8

  i--;

  }

  }

  }

  on (press) {

  getURL("http://bbs.flasher123.com/", "_blank ");// 得到一个地址 并打开新窗口,这里是第一个标签的,其它标签要根椐需要另设。

  }

  ② 在光标 MC 上输入:

  onClipEvent (load) {

  root.newx = this._x;// 设一变量取得此 MC 的横坐标点

  }

  onClipEvent (enterFrame) {

  this._x = this._x+(_root.newx-this._x)/5;// 不断地将变量 newx 与 MC 的横坐标值的差的 1/5 加上 MC 的横坐标值,赋值到新的 MC 的横坐标值,变量 newx 与 MC 的横坐标值的差是在趋于 0 的变化中。

  if (_root._ymouse>75 || _root._ymouse<25 || _root._xmouse<12 || _root._xmouse>534) { // 满足其中的任一条件,就执行后面语句,为的是避免在光标变化过程中鼠标移出后有没展开的状态.

  this._xscale = 100;

  }

  }

   ( 5 )要点分析

   ① this._x = this._x+(_root.newx-this._x)/5 ,一个缓冲移动公式,是不断地将变量 newx 与 MC 的横坐标值的差的 1/5 加上 MC 的横坐标值,赋值到新的 MC 的横坐标值,变量 newx 与 MC 的横坐标值的差是在趋于 0 的变化中,这样就可实现逐步靠近目标的效果。应该彻底理解,还可以用具体的数值代入公式中,那样对分析理解其作用,是比较简便的方法,熟练掌握后还可以增加抖动率 ( 一个由大逐渐变小直至 0 的的一个变量 ) ,看着有哆了哆嗦的效果,会更好看。

   ② if (_root._ymouse>75 || _root._ymouse<25 || _root._xmouse<12 || _root._xmouse>534) ,“逻辑或”条件判断,满足其中的任一条件,就执行后面语句,这里是为的避免在光标变化过程中鼠标移出后有没展开的状态,因为光标在移动过程中有宽度变化。

  ( 6 )小结

   本讲介绍了复合判断条件的使用,和使用连接地址的方法,还应用到了移动公式: this._x = this._x+(_root.newx-this._x)/n;, 都是经常要用得到的,需要熟练掌握。

  ( 7 )课后练习

   将标签排列由横向改为纵向,范例效果:

  >>>>>点击查看动画效果<<<<<

  练习2-4

  这篇教程为“Flash AS 实例进阶教程”的一部分。查看全套教程>>>>。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Flash AS 实例进阶 键值捕获实现代码
  • Flash AS 实例进阶 图片闪白切换效果实现代码
  • Flash AS 实例进阶 制作时钟实现代码
  • Flash AS 实例进阶 图片滚动效果
  • Flash AS 实例进阶 导航条实现方法
  • Flash AS 实例进阶 as打字效果
  • Flash AS 实例进阶 声音控制as代码
  • Flash AS 实例进阶 循环按钮
  • Flash AS实例教程 会眨眼的美女

相关文章

  • 2017-05-24flash怎么通过代码制作矩形的X位置向右不断移动的动画?
  • 2017-05-24Flash AS3制作数字落下的动画特效
  • 2017-05-24Flash AS制作控制图片大小的滑块效果
  • 2017-05-24恭喜发财flash怎么制作? flash逐帧动画的制作教程
  • 2017-05-24Flash AS实例教程 会眨眼的美女
  • 2017-05-24Flash cs3鼠绘教程:图文讲解铰连身体部分
  • 2017-05-24FLASH补间动画制作升国旗过程
  • 2017-05-24Flash制作黑夜燃烧的火堆
  • 2017-05-24flash怎么放大缩小文件?
  • 2017-05-24Flash制作跟随鼠标扇形旋转文字视觉特效

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash 简单制作翻页的时钟动画
    • Flash打造一款有特色的迷你音乐播放器
    • Flash怎么画一个灰色的小老鼠?
    • flash制作一个比较有趣的拼图小游戏
    • Flash CS4教程:制作树枝的伸展动画效果
    • flash怎么制作一段升国旗的动画?
    • Flash制作庆祝春节的烟花绽放GIF动画效果
    • FLASH CLASS的基本编写规范
    • flash怎么绘制和谐号火车从火车道开过的动画?
    • Flash教程:制作天空中流星划过特效

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有