设为首页 加入收藏 网站搜索 繁體中文 中国建站网 — 站长资源分享平台

Flash超酷鼠标效果一则

来源:136z.Com 作者:佚名 时间:2005-10-20 03:48:41
  该效果是一个比较典型的鼠标效果了,也可以算做视觉效果吧。总之,效果很眩。效果中线条跳动,让人联想起钢琴,股市那些弹跳的符号等等。文章中读者将要学到鼠标的知识及鼠标跟随效果的方法。学习_x,_xmouse等电影剪辑属性的使用方法。



制作步骤:

  1.设置场景的大小为600px×350px,背景色为白色,帧频为30fps。

  2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“线段上”的影片剪辑元件。然后用“矩形”工具绘制一个线段,图1所示。矩形的宽、高为8*160px。接着如图1所示点选第2-56帧,按F6键插入关键帧。每帧中的矩形的颜色都不一样,均选择比较淡的颜色。最后,点选第1帧,按F9键打开动作面板,输入代码“stop();”。

图1

  3.制作“线段下”影片剪辑元件。和“线段上”元件的结构一样。只是“线段下”中选段的大小为8*70px,其位置在场景中心以下。最后,点选第1帧,按F9键打开动作面板,输入代码“stop();”。

  4.新建一个名为“按钮上”按钮元件。如图2所示,在“点击”帧中绘制一个和“线段上”元件一样大小的矩形。

图2

  5.新建一个名为“按钮下”按钮元件。同步骤4,也在“点击”帧中绘制一个和“线段下”元件一样大小的矩形。

图3

[1] [2] [3] 下一页  

   6.新建一个名为“动画上”的影片剪辑元件。接着如图3所示设置,按钮层放置的是“按钮上”按钮元件。“线段上”层中放置的是“线段上”元件。点选“线段上”层中的“线段上”元件,在“属性”面板里命名起实例名为“barhi”。代码层中,第1帧中的代码是:

ghost.gotoAndStop(barhi._currentframe);
ghost._yscale=0;

第2帧中的代码是:

if (Math.abs(barhi._yscale-this.desty)>1) {
 barhi._yscale=(barhi._yscale+this.desty)/2;
} else {
 barhi._yscale=this.desty;
 if (desty<1) stop();
}
if (desty>=1) {
 desty=desty*.9;
}

第3帧中的代码是:

gotoAndPlay(2);

7.再创建一个“动画下”元件,其制作方法和“动画上”元件一样,这里就不再赘述了。 图4
  8.回到主场景,如图4所示设置场景。先从库中把“动画上”和“动画下”两个元件拖拽到“动画元件”层中,位置如图4所示。在“属性”面板中分别命名两个动画的实例名为“tmp_dynabarhi”和“tmp_dynabarlo”。代码层中4帧中的代码分别是:

第1帧中的代码。
x=1;

第2帧中的代码。
color=random(55)+1;
newbar="barhi"+String(x);
tmp_dynabarhi.duplicateMovieClip(newbar,x*2);
this[newbar]._x=x*9+51;
this[newbar]._y=249;
this[newbar].bar._yscale=30+random(20);
this[newbar].desty=10;
this[newbar].barhi.gotoAndStop(color);
newbar="barlo"+String(x);
tmp_dynabarlo.duplicateMovieClip(newbar,x*2+1);
this[newbar]._x=x*9+51;
this[newbar]._y=251;
this[newbar].bar._yscale=30+random(20);
this[newbar].desty=10;
this[newbar].barlo.gotoAndStop(color);

第3帧中的代码。
x++;
if (x<56) {
 gotoAndPlay(_currentframe-1);
} else {
 tmp_dynabarhi._visible=false;
 tmp_dynabarlo._visible=false;
 thunderstick._x=random(55)*9+51;
 thunderstick.swapDepths(100);
}

第4帧中的代码。
stop();

  效果到这里就完成了。读者朋友可以按快捷键Ctrl+Enter测试一下,笔者相信这个按钮效果一定会给大家一些灵感和帮助的。
 
  该效果源件下载(5.67K)

  点击最后一页预览效果

上一页  [1] [2] [3] 下一页  

上一页  [1] [2] [3] 

Tags:

  • 好的评价 如果您觉得好,就请您
      0%(0)
  • 差的评价 如果您觉得差,就请您
      0%(0)
  • 相关文章
    广告赞助

    文章随便看看 设计素材 建站学院 网页模板 视频教程

    网友评论

    共有 0 位网友发表了评论,得分 0 分,平均 0 分    查看完整评论

    用户名: 查看更多评论

    分 值:100分 85分 70分 55分 40分 25分 10分 1分

    内 容:

             通知管理员 验证码: