中国设计秀欢迎投稿
中国品牌形像设计网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
深圳网站建设 广州网站设计 域名注册 上海网站建设 虚拟主机 广州网站建设 广州网页设计 签名设计 虚拟主机 域名注册 品牌形象设计 设计联盟
求创科技
上海网麒科技
中国福网
中国设计秀
亿恩科技
中国设计秀
中国设计秀
当前位置:网络学院首页 >> 设计教程 >> Flash >> flash as实现用鼠标观看图片各部分的效果

flash as实现用鼠标观看图片各部分的效果

来源:中国设计秀    作者:    点击:104     加入收藏    发表评论
0
顶一下
中资源

   Flash AS 制作用鼠标可以观看图片各个部分的效果,至于具体怎么用,你就自己决定吧!这个教程因为制作方法非常简单所以不给大家提供Fla源文件了!

先看演示效果:

制作方法非常简单。

       首先准备一幅大的图片(图片尽量足够大),导入到Flash库中,然后建立一个影片剪辑map,把图片放到这里来,调整到合适位置。

Flash AS 制作用鼠标可以观看图片各个部分的效果

然后再建立一个影片剪辑,制作一个箭头。

Flash AS 制作用鼠标可以观看图片各个部分的效果

回到主场景中在第一帧添加如下代码:

Mouse.hide();
_root.attachMovie("map", "map", 1);
_root.attachMovie("the_arrow", "the_arrow", 2, {_x:250, _y:175});
the_arrow.onEnterFrame = function() {
 this._x += (_xmouse-this._x)/5;
 this._y += (_ymouse-this._y)/5;
 dist_x = this._x-250;
 dist_y = this._y-175;
 angle = Math.atan(dist_y/dist_x)/(Math.PI/180);
 if (dist_x<0) {
  angle += 180;
 }
 if (dist_x>=0 and dist_y<0) {
  angle += 360;
 }
 this._rotation = angle;
 deltax = -(this._x-250)/90;
 deltay = -(this._y-175)/90;
 map._x += deltax;
 map._y += deltay;
 if (map._x>1000) {
  map._x = 1000;
 }
 if (map._x<-500) {
  map._x = -500;
 }
 if (map._y>1000) {
  map._x = 1000;
 }
 if (map._y<-650) {
  map._y = -650;
 }
};

保存测试吧!在这里演示因为网络原因我只给大家导入一幅小图。

2007-10-27 11:34:00    出处:
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口