平面设计教程提供行业内各种相关的软件教程和理论教程,是您学习平面设计的好地方. 设为首页加入收藏
您当前所在的位置:首页>>平面设计教程>>正文

实现浏览器全屏窗口的几种方法

文章来源:不详  作者:  更新时间:2007-6-2 11:32:41

IE 浏览器隐身大法

  浏览网页,时常会发现自己的浏览器窗口不见了,但网页内容还在。这种效果是不是很神奇呢?实现此种功能只要有三种原理,按实现方法的不同,给它们各起了个名字,分别是:瞒天过海法、借尸还魂法和返璞归真法。不要被它们的名字吓着了,其实实现起来并不困难,只要看了下面的内容,就明白个中道理了!

一、瞒天过海法-javascript

  我们知道,显示器的分辩率大小决定了我们看到的程序窗口的面积大小,分辩率越大,窗口面积越大,看到的内容就越多。但并不是说显示面积越大就越好,因为分辩率的变化会带来菜单文字的变化,可能会影响软件界面的字体美观。此乃题外话,就不细说了。浏览器同样是一种程序,其窗口的大小,我们可以利用脚本语言来控制调整,这样我们就可以实施瞒天过海法来达到全屏目的,方法是在网页文件的头部,也就是 < head > 与 < /head > 标签之间加上下面这段 javascript 代码:

< script >
< !--
function omiga_window(){
window.open("12.htm","","fullscreen=1,menubar=0,toolbar=0,directories=0,location=0,
status=0,scrollbars=0")
}
//-- >
< /script >

  代码功能是由一个网页调出另一个浏览器窗口,加上设置语句,设置新窗口的大小为全屏,然后新的网页内容就显示在此窗口里,借此实现了全屏。

  不要忘记在网页文件的 < body > 标签里加上加载网页里调用函数的代码。代码设置如下:

< body onload="omiga_window()" onBlur="self.close()" scroll="no" >

二、借尸还魂法

  可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用 Dreamweaver 的插件,借尸还魂!实现全屏!

  首先我们到点击下载 “MFX-fullscreen.mxp”插件 到自己的硬盘里,接着打开 Dreamweaver4 菜单栏“Commands”,选择“Manage Extensions”命令,打开插件管理工具“Macromedia Extension Manager”,按“Ctrl + i”快捷键把插件安装好。

  接下来的事情就相当轻松了,重新启动一次 Dreamweaver4 ,按“Shift + F3”打开行为面板,再按快捷键“Ctrl + Tab”进入源代码窗口,点击行为面板的加号按钮,在弹出的菜单中选择“MFX”里的“MFX-fullscreen”命令马上可以看到 < head > 和 < /head > 是加入了全屏的代码,同时 < body > 里也加入了“onLoad”加载函数。按 F12 就可以看到全屏的效果。注意,没有进入源代码窗口该命令呈灰色,是不可选的。

  没有插件的朋友可以复制以下代码到网页文件:

< script language="javascript" >
< !--
function MachakFull(Ie,other){
//Copyright ?1999 m.milicevic machakjoe@netscape.net jjooee@tip.nl
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target >= 4){
if (navigator.appName=="Netscape"){
var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
MachakFull.moveTo(0,0);
MachakFull.resizeTo(x,y);}
if (navigator.appName=="Microsoft Internet Explorer")
window.open(Ie,"MachakFull","fullscreen=yes");
}
else window.open(other,"sub",'scrollbars=yes');
}
//-- >
< /script >
< /head >

当然,< body > 里也加入了“onLoad”加载函数,代码如下:

本新闻共2页,当前在第1页  1  2  

责任编辑:
转载请注明出处三视觉平面设计在线 请不要修改文字图片链接信息
上一篇文章:24小时弹一次代码
下一篇文章:CSS应用实例:水平线变成虚线
相关设计
 
热门设计推荐
百事集团的部分饮料包装设计
英国设计机构ZipDesign平面设
电影《灵异孤儿院》海报设计
美国设计机构VSA Partners平
Companhia Athletica插画类经
奥地利设计师Bohatsch Walte
经典国外企业画册设计欣赏
西班牙设计师Eskenazi Mario
Eric Lin时尚类平面设计作品
Logomotive经典标志设计欣赏
国外设计师的文字创意设计
Amanda Cho精彩优秀设计作品
Mitchell个性平面设计在线欣
有趣的Whiskas插画创意思设计
Jenny Song综合类设计作品欣
部分Jennifer Platte排版设计
Logomotive经典标志设计欣赏
利用布娃娃设计出的系列创意
国外优秀简单标志设计欣赏
Lauren Y.Chen瓶贴等包装设计
精彩推荐
平面设计教程不但能提升您的设计和软件操作水平,还能从中获得很多经验和执行手法,使得学习过程中增添了不少乐趣.