用JS将网页窗口由小变大

平凡的我好吗

平凡的我好吗

2016-01-29 11:33

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

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

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

  

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

开始时

最后

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com) 
展开更多 50%)
分享

猜你喜欢

用JS将网页窗口由小变大

电脑网络
用JS将网页窗口由小变大

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

不提示直接关闭网页窗口的JS代码

Web开发
不提示直接关闭网页窗口的JS代码

PS怎么将人物双眼变大

PhotoShop PS PS教程
PS怎么将人物双眼变大

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用js+flash实现网页中复制数据功能

Web开发
用js+flash实现网页中复制数据功能

用js得到网页中所有的div的id

Web开发
用js得到网页中所有的div的id

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《迷你西游》原形解读及护法解析

《迷你西游》原形解读及护法解析

《噬神者2 狂怒解放》NPC培养与战斗支援介绍

《噬神者2 狂怒解放》NPC培养与战斗支援介绍
下拉加载更多内容 ↓