当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用JS将网页窗口由小变大

Javascript
JavaScript Tween算法及缓动效果
强制设为首页的JS代码
IE8浏览器Cookie的处理
JavaScript入门教程(1):什么是JS
JavaScript入门教程(2):JS基础知识
JavaScript入门教程(3):面向对象
JavaScript入门教程(4):浏览器对象
JavaScript入门教程(5):Screen屏幕对象
JavaScript入门教程(6):Window窗口对象
JavaScript入门教程(7):History历史对象
JavaScript入门教程(8):Location地址对象
JavaScript入门教程(9):Document文档对象
JavaScript入门教程(10):认识其他对象
JavaScript入门教程(11):事件处理
JavaScript入门教程(12):对象化编程
JavaScript入门教程(13):Cookies
JavaScript库开发规则
JavaScript教程:网页时间问题
如何将渐进增强应用到javascript脚本
简述JavaScript的scope机理

Javascript 中的 用JS将网页窗口由小变大


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 244 ::
收藏到网摘: n/a

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

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

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

  

  这里的链接可以填入你所希望的网址。

  我们运行一下,就可以看到以下的效果了:

开始时

最后