JavaScript 实现背景图片随机浮动2

今天在打开页面一直开着的时候，发现昨天代码会进入运行时间太长的，所以今天我有修改了一下 总算是没有问题了，我运行了一个下午也没有出现这样的问题啊，看来应该是没有问题了 最新代码如下 function floatMove(did,h,w) { this.Obj = $("#"+did); this.tdir = this.ldir = 1; var THIS = this; this.init = function() { var p = this.Obj.css("backgroundPosition") if(p) { p = p.split(" "); this.top = parseInt(p[0]); if(isNaN(this.top)) this.top = 0; this.left = parseInt(p[1]); if(isNaN(this.left)) this.left = 0; } else { this.top = this.left = 0; } } this.getRnd = function() { var rnd = Math.random()*30,ret=0; if(rnd < 15) ret = 1; return ret; } var move = this.move = function(){ this.init(); var tmp = this.top + this.getRnd()*this.tdir; while(Math.abs(tmp) > h) { this.tdir = this.tdir * -1; tmp = this.top + this.getRnd()*this.tdir; } this.top = tmp; tmp = this.left + this.getRnd()*this.ldir; while(Math.abs(tmp) > w) { this.ldir = this.ldir * -1; tmp = this.left + this.getRnd()*this.ldir; } this.left = tmp; this.Obj.css("backgroundPosition",this.top+"px "+this.left+"px"); setTimeout(function(){move.apply(THIS);},20); } } 总算是比较完美的解决了，其实用flash可以很快的实现的，不过我在这个页面上放了两个效果flash后cpu竟然是50%了，我这是双核的啊，用这代码cpu在firefox下基本有时是3到4有时是零啊，在ie8下基本是零了，开起来效果还是不错的