您的位置:首页网页设计JSP技巧 → 无边框窗口代码详解

无边框窗口代码详解

时间:2004/11/7 3:36:00来源:本站整理作者:蓝点我要评论(0)

/*代码思路

此代码会以fullscreen方式打开一个空白窗口,然后用window.resize改变其大小。

最后在以写入onload="location.replace='url'"的办法将网址改变。

打开的窗口会是一个带有FRAME的窗口,其中窗口顶端会有一个高22的框架网页。

此网页是用来操纵窗口移动及关闭。

*/



/*说明

代码分两个部分,但总共牵涉到5个HTML文件及4个图像文件

第一部分是用来打开窗口,放在哪个文件都无所谓。

第二部分是用来控制窗口的移动及关闭,必须放在指定的文件里。

在此代码里,5个html文件分别为:

1.html; 代码第一部分所在

load.html; 所打开的窗口,是一个框架网页

chromelesstit.html;代码第2部分所在

contacting.html;用来显示如'PAGE LOADING.."等临时信息的网页

main.html;真正的主网页

4个图像分别为

x_a.gif; active

x_d.gif; mouseDown

x_o.gif; mouseOver

以上三个文件分别代表关闭窗口图标的不同状态

none.gif; 用来遮盖chromelesstit.html

*/



/*使用方法

如果你想让一个文件,如1.html,中的某一个连接打开一个指像main.html的无边框窗口。

把代码第一部分放到该文件中。

然后将连接



改为



在该文件所在目录内

1.建立

chromelesstit.html;

contacting.html;

load.html;

等三个文件,其HTML代码见本文所附。(不要做任何修改)

2.建立

一个名为images的目录(注意大小写,与有则不用),将

http//lain.oso.com.cn/x_a.gif;

http//lain.oso.com.cn/x_d.gif;

http//lain.oso.com.cn/x_o.gif;

http//lain.oso.com.cn/none.gif;

这4个文件拷入改目录.

对于初学者,以上则足够了。如果想要更好的效果,自己改代码。

*/









chromelesstit.html 文件代码







#mywindowTITLE { position: absolute; left: 0px; top: 0px; width: 100%; height: 22px; z-index: 1; background-color: #ffffff; clip:rect(0,100%,22,0); }

#mywindow { position: absolute; left: 0px; top: 0px; width: 100%; height: 22px; z-index: 2; clip:rect(0,100%;22,0); }

#mywindowCLOSE { position: absolute; left: -22px; top: -22px; width: 11px; height: 11px; z-index: 3; clip:rect(0,11,11,0); }

" _ue_custom_node_="true">


body       { border: 0px; overflow: hidden; margin: 0pt;}

#stillloadingDiv { position: absolute; left: 0px; top: 0px; width: 100%; height: 19px; z-index: 1; background-color: #C0C0C0; layer-background-color: #C0C0C0; clip:rect(0,100%,19,0);}

" _ue_custom_node_="true">






  loading, please wait. . .









laod.html 文件代码







OF KAI



















  <br/><br/> &nbsp;&nbsp;









 



【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】    



 


相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 没有查询到任何记录。 java排序集锦源码Spring技术内幕jsp运行时我们常遇到的几个问题?NteBeans下JSP连接MySQL示例

人气排行 Java语言中内存泄漏及如何检测问题详解JSP中errorPage设置方法在JSP页面中实现检索数据的分页显示JAVA实现屏幕抓图 远程桌面控制用JSP下载word文件(不会直接用IE打开)如何直接在浏览器内运行SQL命令无边框窗口代码详解Spring技术内幕