现在很多设计精美的网站都采用了一种新的浏览窗口设计技术。它不同于那种利用window.open()函数定义的窗口,这种效果与常见的IE窗口有非常大的不同,设计显得更加鲜明具有个性。这就是由microbians推出的chromeless_windows,现在的最新版本是2.1版。下面我对实现它的方法具体谈谈:
由于Microbians提供的源代码存在很大的局限性,笔者对代码进行了再加工,现在打开的窗口可以控制大小,个性化程度更高了。
请把上面的代码加到主页面的之间,在做链接时,只要按如下代码操作即可
-Launch-- Loading--Scroll- 以上就是chromeless_windows_2.1所实现的主要功能,当然在使用过程中,还会存在一些小的细节问题,下面对这些问题进行一一说明:
1.如果我做的页面文档大小超出的页面的大小,由于没有滚动条,那应该如何保证正常浏览呢?
解决的方法有很多,这里介绍两种方法:
一是定义一个长宽都用象素指定table表格,把你的网页内容放到里面就可以了。
二是定义鼠标的单双击滚屏,这样可以用鼠标来控制网页阅读(用鼠标控制滚屏的代码请参考备注)。
实际上你也可以自己设计两个上下的箭头,鼠标点击则实现滚动条的功能,这里不再详细说明。
2.如果页面下载过慢怎么办?
pz_chromeless_2.1.js文件有36KB大小,对一些服务器质量不太好的个人网站,如果你在你的窗口放置很多图片,你可以在页面下载前做一个Loading的特效,具体方法有很多,不再多说,如果需要请参考本文附带的chromeless_windows_2.1调试包。
3.鼠标选中页面上的文字出现被选区域反蓝,影响浏览效果,如何解决?
只要你把页面的改为如下代码就可以避免这种现象了
备注:
鼠标双击自动滚屏,单击停止代码:
利用按钮控制窗口最大最小化代码:
这个代码提供给那些希望好好研究研究chromeless_windows_2.1的朋友们,因为chromeless_windows不支持窗口的最大最小化控制,这也是个遗憾啊。
以上我对chromeless_windows的操作做了一个简单的说明,有些细节可能还没有考虑到,希望通过大家的使用来发掘出chromeless_windows 最大潜能,让我们大家齐动手把chromeless_windows做的更好吧。