首页 相关文章 JavaScript实例教程(十)页面窗口的由小变大

JavaScript实例教程(十)页面窗口的由小变大

  有没有这种经历,当你打开一个链接的时候,浏览器窗口由小变大,呈现一个渐变的过程。下面,我们就来介绍这种动态效果的由来,大家可要看仔细了。

  这种程式的思路就是先根据浏览器的可利用的宽度和高度,算出一个中心坐标点,然后每次都把窗口定位到这个点上,再算出相应窗口的变大尺寸,循环50次,从而最终回到浏览器最大化时的状态。

在body和/body之间插入下列代码

SCRIPT LANGUAGE="JavaScript"
!-- Begin
function expand() {
for(x = 0; x 50; x++) {
window.moveTo(screen.availWidth * -(x - 50) / 100, screen.availHeight * -(x - 50) / 100);
//定义动态的窗口定位点
window.resizeTo(screen.availWidth * x / 50, screen.availHeight * x / 50);
//定义动态窗口的尺寸
}
window.moveTo(0,0);
window.resizeT...[ 查看全文 ]

2016-02-19 标签:

JavaScript实例教程(十)页面窗口的由小变大的相关文章

手机页面
收藏网站 回到头部