js随机跳动窗口

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
/*
	screen对象包含了客户端电脑屏幕的信息，可以用来探测客户端硬件的基本配置。
	avaiHeight		显示web浏览器的屏幕可用高度，不包含windows的状态栏
	avaiWidth		显示web浏览器的屏幕可用宽度，不包含windows的快捷方式兰
	avaiLeft		屏幕最左侧的x坐标
	avaiTop			屏幕最顶部的y坐标
	colorDepth		浏览器分配的颜色数或者颜色的深度
	height			显示web浏览器的屏幕高度
	width			显示web浏览器的屏幕宽度
	pixelDepth		显示web浏览器的屏幕的颜色深度
*/
/*
//居中窗口
function openW(url){
	var w = screen.availWidth / 2;			
	var h = screen.availHeight / 2;
	var t = (screen.availHeight - h) / 2;
	var l = (screen.availWidth - w) / 2;
	//document.write(w + ", " + h);
	//w弹出窗口的宽度，h弹出窗口的高度，t弹出窗口的距离顶部的位置，l弹出窗口的距离左侧的位置
	var p = "top=" + t + ", left=" + l + ", width=" + w + ", height=" + h;
	
	var win = window.open(url, "url", p); 	
}
openW("http://www.baidu.com");
*/
//设计自由弹跳的窗口
/*
	window对象定义了三组方法分别用来调整窗口的位置、大小和滚动条的偏移位置。
	moveBy()、moveTo()、resizeTo()、resizeBy()、scrollTo()、scrollBy()
	这些方法都包含两个参数，分别表示x轴坐标、y轴坐标
	包含TO字符串的方法都是绝对的，也就是x和y参数坐标给出窗口新的绝对位置，大小或滚动偏移
	包含By字符串的方法都是相对的，也就是她们在窗口的当前位置，大小或滚动偏移上增加指定的参数x和y的值
*/

window.onLoad = function(){		//页面初始化处理函数
		window.setInterval("jump()", 1000);	//定义计时器，设计每隔1秒钟就调用一次jump()函数
}

function jump(){
	window.resizeTo(200, 200);		//定义窗口位置
	x = Math.ceil(Math.random() * 1024);	//获取随机的x轴坐标
	y = Math.ceil(Math.random() * 760);		//随机获取的y轴坐标
	window.moveTo(x, y);
}
</script>
</head>

<body>
<h1>自由跳动的窗口</h1>
</body>
猜你喜欢
