js面向对象写法的动画demo.docxVIP

!DOCTYPEhtmlheadmetahttp-equiv=Content-Typecontent=text/html; charset=UTF-8titlejs面向对象写法的动画demo/titlescripttype=text/javascriptsrc=jquery.js/scriptscripttype=text/javascriptvar SpriteWhirl = function(imgIndex, orgX, orgY, speed){this.index = imgIndex;this.speed = speed;this.pos_x = orgX;this.pos_y = orgY;this.range_x = $(window).width() - 100;this.range_y = $(window).height() - 100;this.arr = [resources/01.png,resources/02.png,resources/03.png,resources/04.png,resources/05.png];this.imageObj = $(img /);this.imageObj.css(position, absolute);this.imageObj.css(width, 100px);this.imageObj.css(height, 100px);this.imageObj.attr({src : this.arr[imgIndex], isSpirit : true});this.imageObj.appendTo(body);};SpriteWtotype.gogo = function() {if(this.pos_x == 0 this.pos_y this.range_y){this.pos_y += this.speed;if(this.pos_y this.range_y){this.pos_y = this.range_y;}}elseif(this.pos_x this.range_x this.pos_y == this.range_y){this.pos_x += this.speed;if(this.pos_x this.range_x){this.pos_x = this.range_x;}}elseif(this.pos_x == this.range_x this.pos_y = this.range_y this.pos_y != 0){this.pos_y -= this.speed;if(this.pos_y 0){this.pos_y = 0;}}elseif(this.pos_x = this.range_x this.pos_y == 0 this.pos_x != 0){this.pos_x -= this.speed;if(this.pos_x 0)this.pos_x = 0;}this.imageObj.css({left:this.pos_x, top:this.pos_y });};SpriteWtotype.run = function(){var temp = this;setInterval(function(){temp.gogo();}, 1);};function windowSizeChanged(){$(img[isSpirit=true]).remove();main();}function main(){var a = new SpriteWhirl(0, $(window).width() - 100, 0, 1);a.run();var b = new SpriteWhirl(1, 0, $(window).height() - 100, 3);b.run();var c = new SpriteWhirl(2, 0, $(window).height() - 150, 5);c.run();var d = new SpriteWhirl(3, 0, $(window).height() - 200, 7);d.run();var e = new SpriteWhirl(4, $(window).width() - 150, 0, 10);e.run();}/script/headbodyonresize=javascript: windowSizeChanged()onload=main()/body/html01.png02.png03.png04.png05.png