Flash超酷鼠标效果一则

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

　　该效果是一个比较典型的鼠标效果了，也可以算做视觉效果吧。总之，效果很眩。效果中线条跳动，让人联想起钢琴，股市那些弹跳的符号等等。文章中读者将要学到鼠标的知识及鼠标跟随效果的方法。学习_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]? 关键词：

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

分享到：更多

你可能对下面的文章感兴趣

上一篇: 让电脑自己画画下一篇: 让Flash按钮张嘴出出声

关于Flash超酷鼠标效果一则的所有评论

随机推荐