快速业务通道

Flash趣味鼠标特效大作战

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-09

 从很早的版本开始,利用Flash就可以制作很多有趣的鼠标特效,下面我们来重温一下,制作几个有趣的鼠标特效。

一、实现原理

  其实鼠标特效的原理都是大同小异的,让Clip先停在某一帧上面,当鼠标滑过的时候,播放相应的特效。一个Clip看起来不怎么好看,但几十个Clip放在场景中,靠规模制胜,鼠标触发播放相应的效果,看起来就颇为壮观了。

  下面我们就来实现三个不同的实例,每一个实例都代表着一种类型的鼠标特效。

二、实例1

  这个实例实现的是有关线变换的鼠标特效,与线的变换有关的鼠标特效都与这个实例差不多。


                   效果预览


  实例1源文件下载请点击这里。

  1、新建一个场景,用“Ctrl + F8”新建一个Movie Clip,命名为“line elem”,在此Clip的场景中用绘线工具画一条直线。

  2、用“Ctrl + F8”新建一个Movie Clip,命名为“line elem 2”,在此Clip的场景中用矩形工具拉一个小的矩形,适当调整矩形的颜色。

  3、用“Ctrl + F8”新建一个Movie Clip,命名为“line”,在此Clip的时间轴的第二帧上单击鼠标右键,选择插入空白关键帧,将第一步中制作的Clip “line elem”拖到第二帧的场景中,并在第二帧的Action面板上面增加如下语句:

stop();

  4、在“line”Clip的时间轴的第三帧上单击鼠标右键,选择插入空白关键帧,将第二步中制作的Clip “line elem 2”拖到第三帧的场景中,选取场景中的“line elem 2”,在其属性面板中设置alpha为“48%”。在“line”Clip的时间轴的第五十帧上单击鼠标右键,选择插入关键帧。点击时间轴的第三帧,在其属性面板上面设置一个旋转的动画,如图1所示。在时间轴的第三帧的Action面板上面增加如下语句:

请添加描述


                     图1 [1]?[2]?[3]?[4]?[5]?[6]?下一页??
this.swapDepths(2); //注释1

  注释1:设置此Clip的实例的深度,以免在播放的时候遮挡了其他的实例。

  在时间轴的第五十帧的Action面板上面增加如下语句:
gotoAndStop(2); //注释1
_level0[temp] = "0"; //注释2
this.swapDepths(1); //注释3

  注释1:特效播放完,重新回到原来的状态。
  注释2:设置主场景中的变量。
  注释3:重新设置此Clip的实例的深度,重新响应鼠标动作。

  5、回到影片的主场景中,从图库中拖二十个“line”Clip的实例到场景中,适当调整好它们的位置。将“line”Clip的第一个实例命名为“t1”,并在此Clip的Action面板上面增加如下语句:

onClipEvent (load) {
temp = "t1flag"; //注释1
}
on (rollOver) {
if (_root.t1flag == "0") {
_root.t1.gotoAndPlay(2); //注释2
_root.t1flag = "1"; //注释3
}
}

  注释1:设置在Clip里面要用到的变量值。
  注释2:播放鼠标触发的动画效果。
  注释3:设置变量,播放的时候就不再响应鼠标动作。
  将“line”Clip的第二个实例命名为“t2”,并在此Clip的Action面板上面增加如下语句:

onClipEvent (load) {
temp = "t2flag";
}
on (rollOver) {
if (_root.t2flag == "0") {
_root.t2.gotoAndPlay(2);
_root.t2flag = "1";
}
}
将“line”Clip的第三个实例命名为“t3”,并在此Clip的Action面板上面增加如下语句:
onClipEvent (load) {
temp = "t3flag";
}
on (rollOver) {
if (_root.t3flag == "0") {
_root.t3.gotoAndPlay(2);
_root.t3flag = "1";
}
}
……

  依次类推,对其他的Clip也做相同的操作,注意更改命名和变量中涉及的实例编号。 上一页??[1]?[2]?[3]?[4]?[5]?[6]?下一页??

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号