用JS将网页窗口由小变大

2016-01-29 11:33 1 1 收藏

用JS将网页窗口由小变大,用JS将网页窗口由小变大

【 tulaoshi.com - Javascript 】

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

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

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

　　

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

　　我们运行一下，就可以看到以下的效果了：

开始时

最后

来源:https://www.tulaoshi.com/n/20160129/1482634.html

上一篇：《迷你西游》原形解读及护法解析
下一篇：《噬神者2 狂怒解放》NPC培养与战斗支援介绍

看过《用JS将网页窗口由小变大》的人还看了以下文章更多>>

多种网页弹出窗口代码

标签： Html CSS布局 Div+CSS XHTML

1.弹启一个全屏窗口＜html＞＜body onload="window.open(' http://www.e3i5.com','example01','fullscreen');"＞＜b＞www.e3i5.com＜/b＞＜/body＞＜/html＞ 2.弹启一个被F11化后的窗口＜html＞＜body onload="window.open(' http://www.e3i5.com','example02','channelm...

将HTML自动转为JS代码

标签： Web开发

script function toScript(val) { var value = val.value value = value.replace(/\\/gi,"\\\\").replace(/"/gi,"\\\"").replace(/'/gi,"\\\'") valArr = value.split("\r\n") value="" for (i=0; ivalArr.length; i++) { value += (i==0) ? "info =" : "" value += " \"" + va...

怎么由DataSet将数据导入Excel?

/// /// 将DataSet里所有数据导入Excel. /// 需要添加COM: Microsoft Excel Object Library. /// using Excel; /// /// /// public static void ExportToExcel(string filePath, DataSet ds) { object oMissing = System.Reflection.Missing.Value; Excel.ApplicationClass xlApp = new Excel.ApplicationClass(); try { // 打开Exce...

$()JS小技巧

标签： Web开发

在我们写javascript的时候经肯定会经常用到 document.getElementById() 这个方法，这么长一串很容易写错，而且其中getElementById又有大小写之分。其实prototype.js里提倡的一个方法就是使用$()简写，通过以下的函数，你可以用$('id')来实现document.getElementById('id') 这个功能，怎么样，很爽吧！ ...

JS实例:网页上图片延迟加载的JS代码

标签： Web开发

效果可以直接看淘宝的商品分类页、还有QQ的商城页相关地址：淘宝商城显示大家如果使用firebug去查看的话就会发现，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。 ...

查看更多精彩>>