当前位置：首页 -> 网页设计 -> HTML/CSS -> “渐变窗口”有绝招

“渐变窗口”有绝招

时间： 2021-07-31 作者：daque

在javascript中，自转动出窗口要算是最大略的“活”，只有领会“open”再加上少许化装便连忙会翻开一个场面洪量的窗口。但是大师能否商量过如许一个题目，是否让弹出的窗口渐渐变大，同声其内的笔墨或图片也随之渐渐地打开呢？（“哇噻，天方夜谭，不大概！”）好，即日就让笔者教大师一招：“突变窗口”。　　老规则咱们先来看一段javascript步调：＜script language="javascript"＞function windowslong(address,winname,features) //自设置窗口变量东西{ windowschange=open(address,winname,features); //付与自设置窗口变量东西以open操纵for (var x=1;x＜=50;x++) //对窗口的宽窄举行轮回树立，使其在翻开时渐渐变宽{windowschange.resizeby(2,0); //窗口宽窄轮回度数}for (var x=1;x＜=70;x++)//对窗口的莫大举行轮回树立，使其在翻开时渐渐变高{windowschange.resizeby(0,1); //窗口莫大轮回度数}}＜/script＞

　　这段步调的安排思绪是：先创造一个窗口变量东西，接着对这个窗口变量中的尺寸经过轮回语句举行设定，结果用“open”和“resizeby”操纵属性加以实行。简直证明请看“//”后证明。　　好了，突变窗口步调仍旧十足送上，诸位能否感触大略？（别忙着关书，再有作品要作。）

底下笔者将引见怎样使突变窗口步调与网页代码贯串起来，这然而中心呦！

＜html＞＜head＞＜meta http-equiv="content-type" content="text/html; charset=utf8"＞＜title＞渐渐变革的窗口步调＜/title＞＜script language="javascript"＞function windowslong(address,winname,features) { windowschange=open(address,winname,features);for (var x=1;x＜=50;x++){windowschange.resizeby(2,0);}for (var x=1;x＜=70;x++){windowschange.resizeby(0,1);}}＜/script＞＜/head＞＜body onload="windowslong('top.htm','jswindows','width=1,height=1')" bgcolor="#ffffff" ＞＜a href="#" onclick="windowslong('top.htm','jswindows','width=1,height=1')"＞点击此处看看功效＜/a＞＜/html＞

　　“突变窗口步调”的实行必需与网页对应起来，也即是说步调中的“windowslong(address,winname,features)”变量东西自己是没有参数的，这段步调并没有意旨。若要使这段步调有意旨，实行突变功效就须要在网页中予其附值。以onload="windowslong('top.htm','jswindows','width=1,height=1')"为例，笔者给“windowslong()”东西付与“翻开兴建窗口的地方（同目次下top.htm窗口），称呼（jswindows），以及原始宽窄（1音素）和莫大（1音素）”。如许一来，“突变步调”在实行时，就会先找到这个top.htm窗口，再渐渐翻开这个窗口。其余，这边还要提防一点，那即是原始宽窄（1音素）和莫大（1音素）的树立，不许胜过5音素，要不就遗失了步调的魅力。　　看到这边我想诸位确定会有一个题目，你用“突变步调”翻开的窗口究竟有多大？嘻嘻，公布答案：宽为100音素，高为70音素。如何算？宽50×2×1；高70×1×1。至于数据从何而来，大师无妨本人商量一下，给个提醒，从“轮回树立，轮回度数以及原始尺寸”三上面发端。　　“突变窗口”是javascript对窗口应用的一场革新，它完全变换了向来那呆板的弹出举措（不信！哼，你贴到网页上看看，保护你会爱上它！），令人赏心悦目！（若诸生再有题目的话，不妨email自己：dibazh@online.sh.cn ）

“渐变窗口”有绝招

相关推荐

推荐下载

热门阅览

最新排行