loading请求处理中...

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

2021-12-01 02:09:19 阅读 10926次 标签: 网页设计素材asp动态网页设计 作者: chenliwen666

     对于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)

FLASH制作公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
FLASH制作相关任务
DESIGN TASK 更多
求购网页版电商直播系统

¥20000 已有2人投标

网页版软件开发一期款

¥5000 已有1人投标

网页播放m3u开发

¥10000 已有2人投标

网页程序

¥600 已有1人投标

仿一个物流的网页版物理系统

¥6300 已有7人投标