注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

新高山流水博客

网内存知己,天涯若比邻!选择大于努力,机会大于选择!成功在于项目!友你友我友天下

 
 
 

日志

 
 
关于我

大家好,我是新高山流水。开始玩博百度发现有很多与我同名人都在玩博,男女都有,为与众多的同名博客区分,我更名为”高山流水”。没想到区区6000字的中国字库太少了,叫啥都有重名的。这个“高山流水”的名字又是一大堆!为了区分他们我想来想去,“四海之内皆兄弟也”,古人都已定义往来都是朋友。今天的网络网及全球每个角落,能认识全天下的朋友实在 是一种荣幸,真得感谢比尔盖茨创建了网络!没必要太狭隘吧?这样就第三次更名为“新高山流水”。欢迎全天下的朋友都来光顾本人博客,没茶没酒没招待,就只有蚂蚁般的文字恭候各位了!

网易考拉推荐

【转载】网页全屏显示的几个代码  

2012-08-13 13:36:07|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

(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");

2009年6月22日 - 理睬 - .

更多精彩内容,请点击理睬日志链接浏览!

入门秘笈

制作技巧

电脑使用

个人情感

杂谈随感

原创音画

常用教程

图画制作

字体制作

人文史地

诸事八卦

娱乐星闻

边框分割

精美时钟

图画素材

美眉帅哥

百科奇闻

免费电影

字体素材

日历天气

酷播放器

风水命理

奇闻怪事

军事解密

游戏素材

音画素材

综合素材

综合图库

明星博客

摩登时尚

背景顶图

做图软件

视频教程

生活宝典

报刊大全

公文写作

趣味图库

趣味制作

常用网站

搜索引擎

在线书架

极限表演

图片素材

图片欣赏

软件下载

在线字典

在线服务

博艺解答


想提高人气

请点击以下链接

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬

2008年12月8日 - 理睬 - 理 睬  2008年12月8日 - 理睬 - 理 睬

最新日志后面导航 - 理睬 - .


  评论这张
 
阅读(15)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017