网站首页  |   业界社区  |  电信社区  |  技术社区   |  极客社区  |  游戏社区  |  生活社区   |   科技博客  |   同事录
TechWeb-技术社区


花花公子
TW金牌会员
Rank: 6Rank: 6


UID 117762
精华 4
积分 1806
帖子 1261
阅读权限 70
注册 2007-9-3
状态 离线
发表于 2008-3-27 15:13 资料 短消息 加为好友
“渐变窗口”有绝招

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

%k'@2u:x S/`7{7@ X!g#`*D3g/A4D*n4|&v
老规矩我们先来看一段JAVASCRIPT程序:
;D8r6P0Q1B7I0T
'G)i7k2f#M/S,i3^.x*T<script language="JavaScript">#K o"f%X(^
function windowslong(address,winName,features) //自定义窗口变量对象程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛%w s%a)^.M"k%^.r"A*s
{
)]:W,_ }0W7F*gwindowschange=open(address,winName,features); //赋予自定义窗口变量对象以OPEN操作TechWeb-技术社区$X"V'V:P"w
for (var x=1;x<=50;x++) //对窗口的宽度进行循环设置,使其在打开时逐渐变宽
:`,U(E!b5n(d%ztech.techweb.com.cn{
7W'z(@9h8vTechWeb-技术社区windowschange.resizeBy(2,0); //窗口宽度循环次数程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛&^.L3?+^%l2@
}
)a/t5r/v5?!W"E0p1[-M程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛for (var x=1;x<=70;x++)//对窗口的高度进行循环设置,使其在打开时逐渐变高
$@!['[5B#~ h4b{
:G*U1I9V6t6[TechWeb-技术社区windowschange.resizeBy(0,1); //窗口高度循环次数!t5a.h%{4~&o)|)D$e
}
/`4V$[ [&h/?%_}:g#h6x-q)X9E&_
</script>
8_6h8X([(N9w9YTechWeb-技术社区
7X%G-j2u;g$l程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛  这段程序的设计思路是:先建立一个窗口变量对象,接着对这个窗口变量中的尺寸通过循环语句进行设定,最后用“OPEN”和“resizeBy”操作属性加以实现。具体解释请看“//”后解释。tech.techweb.com.cn8e f a-m5D2D;K

5u:j%\+B#Q6E%v9j  好了,渐变窗口程序已经全部奉上,各位是否觉得简单?(别忙着关书,还有文章要作。)
6S-q-[ D;U.I+Y6H)U#@#T8MTechWeb-技术社区
.n4L9F-Y%q,o8\    下面笔者将介绍如何使渐变窗口程序与网页代码结合起来,这可是重点呦!TechWeb-技术社区,w#b0q:H*g

3R6P6C,j6\ k,nTechWeb-技术社区<html>%H,t8s9?%R,@)B
<head>
8U q:}8z2r9etech.techweb.com.cn<meta http-equiv="Content-Type" content="text/html; charset=gb2312">程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛 f;W%w:P-k.B
<title>逐渐变化的窗口程序</title>
9@%L d3E&]!@;j2[0C<script language="JavaScript">/`:t,g#C9c;n;P8K&D
function windowslong(address,winName,features) {
%F:n*]-J)I;g4B3X(Dwindowschange=open(address,winName,features);
'A!E'Y'R.l6y$@'p9MTechWeb-技术社区for (var x=1;x<=50;x++){
*W4{ @7B.X5UTechWeb-技术社区windowschange.resizeBy(2,0);
$n2t7z/t$^TechWeb-技术社区}程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛$A,a:G5~.o1q
for (var x=1;x<=70;x++){
%L6{%H$E:f9Q6kwindowschange.resizeBy(0,1);tech.techweb.com.cn(T!m(Y5r+u k$N
}4O:K7V/q r*d!m:V
}
7{0r3Z7B-\/x)J+}$C</script>4l.@)M$n+p3Y;P"^3N1Q*@+Z.E
</head> tech.techweb.com.cn6r"U-r$B)H"z3B3k#\
<body onload="windowslong('top.htm','jswindows','width=1,height=1')" bgcolor="#FFFFFF" >
"^$m#d/^+z程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛<a href="#" onClick="windowslong('top.htm','jswindows','width=1,height=1')">点击此处看看效果</a>
;f)g-C.\.?,D+U2T1~</html> tech.techweb.com.cn+K/J:N.c+K"d:m#k"r-`
TechWeb-技术社区%B _0g P:m*z
程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛%W%W!Y%U-D%Z T.c+^8k
  “渐变窗口程序”的实现必须与网页对应起来,也就是说程序中的“windowslong(address,winName,features)”变量对象本身是没有参数的,这段程序并没有意义。若要使这段程序有意义,实现渐变功能就需要在网页中予其附值。以onload="windowslong('top.htm','jswindows','width=1,height=1')"为例,笔者给“windowslong()”对象赋予“打开新建窗口的地址(同目录下top.htm窗口),名称(jswindows),以及原始宽度(1象素)和高度(1象素)”。这样一来,“渐变程序”在执行时,就会先找到这个top.htm窗口,再逐渐打开这个窗口。另外,这里还要注意一点,那就是原始宽度(1象素)和高度(1象素)的设置,不能超过5象素,否则就失去了程序的魅力。3|6{#~,D9]&H

6~5E5J4S VTechWeb-技术社区  看到这里我想各位一定会有一个问题,你用“渐变程序”打开的窗口到底有多大?嘻嘻,揭晓谜底:宽为100象素,高为70象素。怎么算?宽50×2×1;高70×1×1。至于数据从何而来,大家不妨自己推敲一下,给个提示,从“循环设置,循环次数以及原始尺寸”三方面着手。
${4k/v3E+O6t4h f程序开发,操作系统,服务器,源码下载,Linux,Unix,BSD,PHP,Apach,asp,下载,源码,黑客,安全,技术社区,技术论坛6Q.h;G/A6c5y.p
  “渐变窗口”是JAVASCRIPT对窗口运用的一场革命,它彻底改变了原先那枯燥的弹出动作(不信!哼,你贴到网页上看看,保证你会爱上它!),令人心旷神怡!(若诸位还有问题的话,可以EMAIL本人:dibazh@online.sh.cn





引用 回复 顶部
查看积分策略说明快速回复主题
选项 标题 Smilies
禁用 URL 识别
禁用 Smilies
禁用 Discuz!代码
使用匿名发帖
使用个人签名
接收新回复邮件通知
内容





当前时区 GMT+8, 现在时间是 2008-11-22 22:50
京ICP证060517号

本论坛支付平台由支付宝提供
携手打造安全诚信的交易社区 Powered by Discuz! 5.5.0 © 2001-2008 Comsenz Inc.
Processed in 0.084095 second(s), 9 queries

清除 Cookies - 联系我们 - TechWeb.com.cn - Archiver - WAP