今天是:

注册会员|会员登陆|设为首页|加入收藏|广告服务|韩文翻译|RSS阅读|繁體中文

您现在的位置: 韩国设计资源网 >> 设计师学院 >> 网页设计 >> Flash >> 教程正文

做个按钮控制图片缓冲切换的效果(带模糊滤镜)

  • 作者:我为系统… 文章来源:闪吧 点击数: 更新时间:2006-11-28 13:39:47 用户收藏
  一个带缓冲的图片切换的效果,按钮控制,加了模糊滤镜,提升速度感.源文件已附上.下面是代码:

stop();
/////也打上自己的名字-_-,绝命时刻2006年11月18日///////
var sz = 127;
var sd = 3;
var temp = 1;
tempT = temp;
t1 = "按钮控制缓冲:带缓冲效果的图片切换。";
mcX = mc._x;
xfmc._visible = false;
if (temp == 1) {
        mcname = "行李箱";
}
/////滤镜/////////////////////                       
import flash.filters.*;
var mh:BlurFilter = new BlurFilter(0, 0, 3);
//模糊滤镜,增加为了让mc做缓冲运动时更有速度感些.
a.onPress = function() {
        lk();
};
a.onRollOver = function() {
        xfmchs();
        xfmc.xftext = "上一个";
};
a.onRollOut = function() {
        xfmc._visible = false;
};
b.onPress = function() {
        rk();
};
b.onRollOver = function() {
        xfmchs();
        xfmc.xftext = "下一个";
};
b.onRollOut = function() {
        xfmc._visible = false;
};
ka.onRollOver = function() {
        xfmchs();
        xfmc.xftext = "最前一个";
};
ka.onRollOut = function() {
        xfmc._visible = false;
};
kb.onRollOver = function() {
        xfmchs();
        xfmc.xftext = "最后一个";
};
kb.onRollOut = function() {
        xfmc._visible = false;
};
function lk() {
        if (temp>1) {
                mcX += sz;
                temp--;
                Oen();
        }
}
function rk() {
        if (temp<7) {
                mcX -= sz;
                temp++;
                Oen();
        }
}
ka.onPress = function() {
        kak();
};
function kak() {
        mcX = 374.5;
        temp = 1;
        Oen();
}
kb.onPress = function() {
        kbk();
};
function kbk() {
        mcX = -387.3;
        temp = 7;
        Oen();
}
function xfmchs() {
        xfmc._visible = true;
        xfmc.onEnterFrame = function() {
                xfmc._x += ((_xmouse+90)-xfmc._x)/sd;
                xfmc._y += ((_ymouse+50)-xfmc._y)/sd;
        };
}
function Oen() {
        mc.onEnterFrame = function() {
                if (temp == 1) {
                        mcname = "行李箱";
                }
                if (temp == 2) {
                        mcname = "齿轮";
                }
                if (temp == 3) {
                        mcname = "PDA";
                }
                if (temp == 4) {
                        mcname = "书本/钢笔和光盘";
                }
                if (temp == 5) {
                        mcname = "计算器";
                }
                if (temp == 6) {
                        mcname = "压缩包";
                }
                if (temp == 7) {
                        mcname = "宝箱";
                }
                tempT = temp;
                mc._x += (mcX-mc._x)/sd;
                dx = mcX-mc._x;
                mh.blurX = Math.abs(dx/sd);
                this.filters = [mh];
                if (tempT == temp) {
                        fs.gotoAndStop(tempT);
                }
        };
}
key_a = 37;
key_b = 39;
key_c = 188;
key_d = 190;
this.onEnterFrame = function() {
        if (Key.isDown(key_a) && !Key_pr_a) {
                lk();
        }
        Key_pr_a = Key.isDown(key_a);
        if (Key.isDown(key_b) && !Key_pr_b) {
                rk();
        }
        Key_pr_b = Key.isDown(key_b);
        if (Key.isDown(key_c) && !Key_pr_c) {
                kak();
        }
        Key_pr_c = Key.isDown(key_c);
        if (Key.isDown(key_d) && !Key_pr_d) {
                kbk();
        }
        Key_pr_d = Key.isDown(key_d);
};


  修改了下,把库中名字为"mc"的影片剪辑打开,然后把里面的图删除.然后把库中的a1mc----a7mc的影片剪辑都加上连接名称,分别为a1------a7.再次打开名字为"mc"的影片剪辑,在第一帧加上代码:
for (i=0; i<10; i++) {
        newMc = attachMovie("a"+i, "na"+i, i);
        newMc._x = 127*i-127;
}
  这样就不用手动排列图了,而是程序排列.