当前位置:首页 > 代码 > 正文

网站全屏大图代码(浏览器全屏代码)

admin 发布:2022-12-19 21:19 114


本篇文章给大家谈谈网站全屏大图代码,以及浏览器全屏代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

让网页全屏显示的代码

1.

!--

function winfix() {

self.moveTo(-4,-4);

self.resizeTo(screen.availWidth+8,screen.availHeight+8);

}

//--

这个可以用,在ONLOAD中调用这个函数就可以了。

2.

form div align="center" input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'big', 'fullscreen=yes')" /div /form

就这两种方法,你试试吧

求一个网站首页全屏大图广告的代码!可以关闭的

在js里面,刚刚进来的时候加个div(就是放那个大图的),在div右上角加个关闭按钮,点击消失div,设置定时器10秒消失div。

网页全屏的代码?

网页全屏显示代码系列2007年11月19日 星期一 20:01(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= 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

title123/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

要实现返璞归真完美全屏方式,不要漏了上面两段代码哟

网站全屏大图代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于浏览器全屏代码、网站全屏大图代码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/24648.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载