分享

网页全屏显示的几个代码

 kairry 2010-12-09

(1)打开全屏窗口

方法如下:

一:将下面的代码放在<HEAD>与</HEAD>之间

<script language="JavaScript">

<!--

function call(htmlurl) {

var

newwin=window.open(htmlurl,"airWin","top=0,left=0,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=796,height=546");//修改宽度和高度可控制窗口的大小

newwin.focus();

return false;}//--></script>

二:将下面的代码复制到〈BODY〉区并修改其中的链接地址和名称。

<a href=http://hi.baidu.com/horsewhite onclick='return call(this.href);'>全屏显示</a>

(2)实现真正的全屏

这种方法需按Alt+F4才能关闭。

代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>全屏显示</title>

</head>

<body background=#00ccff>

<table border="1" width="100%">

<tr>

<td>

<p align="center">

<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'www_helpor_net', 'fullscreen')">

</td>

</tr>

</table>

</body>

</html>

(3)效果同上

将下面的代码贴到body之间,即可实现同上的效果,关闭的方法也同上。

<INPUT onclick="window.open(document.location, 'www_helpor_net', 'fullscreen')" type=button value=全屏显示 name=FullScreen>

<SCRIPT language=JavaScript>

<!--

window.open("full_window.htm","新窗口","fullscreen=1");

window.opener=null;

window.close();

//-->

</SCRIPT>

详解下列收集的代码:

(4)瞒天过海法-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">

(5)借尸还魂法

可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用 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”加载函数,代码如下:

<body bgcolor="#FFFFFF" text="#000000" onLoad="MachakFull('full_window.htm','')" >

看了前面的两种方法,分析源代码,我们注意到,都必须先打开一个原来的窗口,我们称之为A,然后再调出一个新的浏览器窗口,我们称之为B。当 B 窗口打开时,就实现全屏了,并且位于最前面。但前面的两种方法都没有把原来的窗口 A 窗口关闭。我们可以在 < body > 里加入关闭的代码“onBlur="self.close"”或者“onBlur="javascript:window.closer()"”。可是,此两种关闭都会弹出一个关闭的提示框。无疑它影响了整个网页的显示效果!有办法解决么?当然有!请看下面的返璞归真法

(6)返璞归真法

此法是最完美的一种全屏方式,实现代码与相应简单,一个完整的全屏网页代码如下:

<html>

<head >

<title>123</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" >

<script >

<!--

function omiga_window(){

window.open("full_window.htm","","fullscreen,scrollbars")

}

//-->

</script>

</head>

<body onload="omiga_window()" onblur="focus();closes.Click();" scroll="no">

<object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

<param name="Command" value="Close" >

</object>

全屏!

</body>

</html>

实现全屏的代码跟之前的两种方法相类似,差别就在于可以自动关闭原来的A窗口,并且不出现提示。不出现提示的奥妙在于 < body > 标签里的:

onblur="focus();closes.Click();"

以及< body >和< /body >之间的:

<object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

<param name="Command" value="Close">

</object>

---------------------------------------------------------------------------------------------------------------

1、不用浏览器直接用FLASH播放器播放的类型:

A、不显示FLASH播放器菜单栏的全屏(类似屏保效果),在第一帧处的Actions用FS Command 命令,

在For standalone player 选项中选择fullscreen 为true 即可(即代码:fscommand("fullscreen", true);)。运行中可按 ESC 退出或设一按钮在Actions上用FS command ,在For standalone player 选项中选择quit 也可退出。附带说一句:

For standalone player上的所的选项只适合于用FLASH 播放器播放的情况。

B、如果仅是要使SWF文件占满FLASH播放器的窗口,什么也不需要做。直接击SWF文件。

以上一类全屏多用在非网络的运行。

2、第二类是在非FLASH 浏览器(如IE)中运行的全屏:

A、只占满浏览器:这种情况相对简单,不管您设的FLASH是否是800*600,只要在调用SWF文件的HTML文件中

将WIDTH= HEIGHT= 后面的两个参数设为100即可,当然也可以在FLASH 导出HTML文件的设置中进行设置,

方法是:打开FILE菜单:选Publish Settings 弹出导出设置对话框:在HTML标签下的Dimensions选项中

下拉后选中Percent,并在WIDTH 和HEIGHT 框中填100,运行这个与SWF同名的HTML文件则与直接加语句同

效。这种占满浏览器的全屏与SWF文件的设置无关,但最好设置的大小在700*400附近,否则容易导致图像

特别是汉字的失真。

也可以在SWF文件的第一帧Actions上的GETURL 命令上加上:

网页全屏显示的几个代码 - 理睬 - 理睬 程序代码

javascript:window.open("nfd.swf","","fullscreen=1,menubar=no,width=800,height=600")

这种全屏也是类似屏保,用ALT+F4或设置按钮退出。把fullscreen设为=0,则只是不显示浏览器菜

单栏、工具栏的全屏。

还有一个写法:

网页全屏显示的几个代码 - 理睬 - 理睬 程序代码

javascript:window.open("*.swf","","menubar=no,

toolbar=no,location=no,status=no,fullscreen=yes")

B、不显示浏览器菜单栏、工具栏的全屏。这种全屏稍稍复杂,也与FLASH的设置无关,但要借助Javacript来

完成。方法是:在HTML文件中<head></head>间加入以下代码:

<cript language="Javacript">

<!--

window.open("nfd.swf","","fullscreen=1,menubar=no,width=800,height=600")

//-->

</cript>

注:nfd.swf 改为您要播放的SWF文件名。

也可以在SWF文件的第一帧Actions上的URL 命令上加上:

javacript:window.open("nfd.swf","","fullscreen=1,menubar=no,width=800,height=600")

注:nfd.swf 改为您要播放的SWF文件名。

这种全屏也是类似屏保,用ALT+F4或设置按钮退出。把fullscreen设为=0,则只是不显示浏览器菜单栏、工具栏的全屏。

程序代码

在HTML文件中<head></head>间加入以下代码:

<script language="JavaScript">  

<!--  

window.open("nfd.swf","","fullscreen=1,menubar=no,width=100%,height=100%")  

file://-->  

</script>

用 FLASH 的 player 播放时,即使没有设置 FSCOMMAND 也可以用 CTRL+F 的方式全屏播放

fscommand("fullscreen", "true");

fscommand("allowscale", "false");

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多