`
淡淡的一抹
  • 浏览: 19304 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

示例1:JavaScript实现“振屏”效果

 
阅读更多
//只在IE中可以使用
window.resizeTo(400, 400);//改变窗口大小

//定义参数
var loop = 0;//震动次数
var timer;//定时器引用
var offX;
var offY;
var dir = 1;//震动方向。1正,-1反

//使用setInterval函数来重复移动窗口位置
//震屏效果
timer = setInterval(function(){
    window.moveTo(500, 180);//改变窗口位置
    if(loop > 100){//震动次数超过100次就停止定时器
        clearInterval(timer);
    }
    //随机获取震动方向
    dir = Math.random()*10 > 5 ? 1 : -1;
    //随机获取X轴移动量
    offX = Math.random() * 20 * dir;
    //随机获取Y轴移动量
    offY = Math.random() * 20 * dir * -1;
    window.moveBy(offX, offY);//移动偏移
    loop++;//震动次数增加
}, 10);//每隔10毫秒震动一次
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics