网站动画设计教程 网页动画制作放大镜实例

     对于flash大家一定不会感到陌生，QQ空间、视频播放，网络上各种各样精彩功能的实现都离不开flash。Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准，网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。

    flash网站动画设计师通过flash对网页进行装饰，让网页显得生动，不再单调。本文就分享一个flash网站动画设计的放大镜动画效果，通过实例教大家进行网页动画制作。
　　1、首先建一个影片剪辑pic，导入一张图片；
　　2、再建一个影片剪辑mask,画一个无边线的圆；
　　3、回到主场景，新建四层，第一层从库中拖入影片剪辑pic，透明度调为60左右，第二层将第一层原位复制，再将该层的图片放大至120%，把俩层的图片都对齐至舞台中央；
　　4、第三层拖入影片剪辑mask，实例名也命名为mask；
　　5、然后在第四层加入以下代码：
//mask弹性跟随鼠标的速度，该值越大则越慢
var speed = 5;
//构造一个函数，让mask弹性跟随鼠标
MovieClip.prototype.follow = function() {
//该函数继承MovieClip的所有属性
        this.onEnterFrame = function() {
            //弹性缓冲公式，大多数都是这种形式
                this._x += (_root._xmouse-this._x)/speed;
                this._y += (_root._ymouse-this._y)/speed;
         //当到达鼠标的位置时删除进入帧事件
                if (Math.abs(_root._xmouse-this._x)<1 && Math.abs(_root._ymouse-this._y)<1) {
                        delete this.onEnterFrame;
                       
                }
        };
};
//当鼠标移动时调用上面构造好的函数
onMouseMove = function () {
        mask.follow();
};
保存_测试看效果吧！
    对于新手和行外的人而言，网站动画设计并不是一件简单的事，因此，当您有网页动画制作、flash网站设计、网站动画设计等需求，可以到一品威客网上发布任务，向广大的威客人才进行征集，相信一定可以得到满意的设计方案。

（一品威客 SELU）