欢迎光临
我们一直在努力

“渐变窗口”有绝招-网页设计,HTML/CSS

建站超值云服务器,限时71元/月

    在javascript中,自动弹出窗口要算是最简单的“活”,只要懂得“open”再加上一些修饰便立刻会打开一个美观大方的窗口。然而大家是否考虑过这样一个问题,能否让弹出的窗口逐渐变大,同时其内的文字或图片也随之慢慢地展开呢?(“哇噻,天方夜谭,不可能!”)好,今天就让笔者教大家一招:“渐变窗口”。

  老规矩我们先来看一段javascript程序:

  这段程序的设计思路是:先建立一个窗口变量对象,接着对这个窗口变量中的尺寸通过循环语句进行设定,最后用“open”和“resizeby”操作属性加以实现。具体解释请看“//”后解释。

  好了,渐变窗口程序已经全部奉上,各位是否觉得简单?(别忙着关书,还有文章要作。)

    下面笔者将介绍如何使渐变窗口程序与网页代码结合起来,这可是重点呦!

<html>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=gb2312″>
<title>逐渐变化的窗口程序</title>

</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 )

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » “渐变窗口”有绝招-网页设计,HTML/CSS
分享到: 更多 (0)