收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1617|回复: 2

[视觉设计] 图片上的框点击移走又返回的例子

[复制链接]
发表于 2008-4-3 19:19:13 | 显示全部楼层 |阅读模式
代码如下:
var speed:Number=0;
var spaad:Number=0;
menuover_mc.onEnterFrame=function(){
        this._y+=(speed-this._y)/3;
        this._x+=(spaad-this._x)/3;
}
menu1_btn.onRollOver=function(){
        speed=-3;
        spaad=-3;
}
menu2_btn.onRollOver=function(){
        speed=-3;
        spaad=44;
}
menu3_btn.onRollOver=function(){
        speed=-3;
        spaad=88;
}
menu4_btn.onRollOver=function(){
        speed=32;
        spaad=132;
}

menu1_btn.onRelease = function (){
                        speed=150;
                        spaad=180;

                //白线框到大图片上2秒后,自动回到原小图片上
                setTimeout(function () {
                        speed=?不知该写什么?;
                        spaad=?不知该写什么?;
                }, 2000);
               
        }
代码中,menu1_btn,menu2_btn,menu3_btn,menu4_btn其实是n个按钮,个数是读取xml时候取得的,并且每个按钮中都是通过计算排出来的几行几列,所以speed和spaad的值是可以动态获得的。并且menu1_btn.onRelease 中按钮的名字也应该是动态定义的。
当点击按钮后,元件menuover_mc移动到定义的150和180的位置,然后想实现2秒后,元件menuover_mc自动回到被点击的按钮的位置。这样我就不知道这里该怎么写了。请高手帮忙。
setTimeout(function () {
        speed=?不知该写什么?;
        spaad=?不知该写什么?;
                }, 2000);

1.rar

5.7 KB, 下载次数: 264

原文件

发表于 2008-4-3 19:35:40 | 显示全部楼层
  1. var posX:Number = 0;
  2. var posY:Number = 0;
  3. var T:Number ;
  4. function move_func(x:Number, y:Number) {
  5.         menuover_mc.onEnterFrame = function() {
  6.                 this._x += (x-this._x)/3;
  7.                 this._y += (y-this._y)/3;
  8.                 if(Math.abs(x-this._x) <1&&Math.abs(y-this._y) <1)delete this.onEnterFrame
  9.         };
  10. }
  11. for (var p:Number = 4; p>=0; p--) {
  12.         var _btn:MovieClip = this["menu"+p+"_btn"];
  13.         _btn.onRollOver = function() {
  14.                 move_func(this._x,this._y);
  15.         };
  16.         _btn.onRelease = function() {
  17.                 move_func(150,180);
  18.                 posX = this._x;
  19.                 posY = this._y;
  20.                 clearInterval(T);
  21.                 T=setTimeout(function () {
  22.                 move_func(posX,posY);
  23.                 },2000);
  24.         };
  25. }
复制代码

border.fla

53 KB, 下载次数: 273

border.swf

645 Bytes, 下载次数: 325

回复 支持 反对

使用道具 举报

 楼主| 发表于 2008-4-3 22:25:01 | 显示全部楼层
版主就是牛,这么快就帮我解决了,十分感谢!希望这段代码能对需要的朋友也有所帮助。我要作的是一个图片展示的板块,就是点击小图片后,在白框滑到的地方加载大图片,然后白框再返回。
代码正在写,希望能很快写出来和大家分享,更希望能得到大家的指点。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-5-28 20:20 , Processed in 0.109101 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表