如图，如何在网页中用Javascript实现该图片沿窗口四周循环浮动，求详细代码

	
	
	
		html, body{margin:0; padding:0; height:100%;}
		#img1{position:absolute;}
	
	


$(function(){
	var dir = 1, size = 10, interval = 30;
	var width = $(document.body).width(), height = $(document.body).height();
	var img = $("#img1"), w = img.width(), h = img.height(), offset = img.offset();

	setInterval(function(){
		switch(dir){
			case 1:
				offset.left += size;
				if(offset.left + w >= width){
					offset.left = width - w;
					dir++;
				}
				break;
			case 2:
				offset.top += size;
				if(offset.top + h >= height){
					offset.top = height - h;
					dir++;
				}
				break;
			case 3:
				offset.left -= size;
				if(offset.left <= 0){
					offset.left = 0;
					dir++;
				}
				break;
			case 4:
				offset.top -= size;
				if(offset.top <= 0){
					offset.top = 0;
					dir++;
				}
				break;
		}
		if(dir > 4){
			dir = 1;
		}
		img.offset(offset);
	}, interval);

	$(window).resize(function(){
		width = $(document.body).width();
		height = $(document.body).height();
	});
});