javascript 点击扩大和收缩浏览器如何实现？

来源：百度知道 编辑：UC知道 时间：2024/06/24 17:26:50
请教高手：javascript 点击扩大和收缩浏览器如何实现？

在有些网站，发现弹出的一个较小的浏览器窗口，窗口右侧中间有一个三角形按钮，当点击此按钮时，浏览器右侧扩大1/3左右，再点击按钮又缩回原样，这功能是如何实现的呢？

<html>
<head>
<title>test</title>
<script type="text/javascript">
var x = 0;
var w = 0;
var h = 0;
function smaller() {
if(w == 0)
w = parseInt(document.body.clientWidth / 3);//获取当前浏览器宽度，并取得1/3的大小
if(h == 0)
h = parseInt(document.body.clientHeight / 3);//获取当前浏览器高度，并取得1/3的大小
if (x == 1) {
window.resizeBy(-w, -h);//减少浏览器大小
x = 0;
}
}
function larger(){
if(w == 0)
w = parseInt(document.body.clientWidth / 3);
if(h == 0)
h = parseInt(document.body.clientHeight / 3);
if (x == 0) {
window.resizeBy(w, h);//增大浏览器大小
x = 1;
}
}

</SCRIPT>
</head>
<body>
<A HREF="javascript:onClick=smaller()">smaller</A>
<A HREF="javascript:onClick=larger()">larger</A>