javascript fullscreen全屏实现代码

<script type="text/javascript" language="javascript">
function fullscreen()
{
win = window.open("Main.aspx","_blank","resizable=yes;status=yes;toolbar=no;location=no;menubar=no;directories=no;scrollbars=no;");
window.opener=null;
window.open('','_self');
window.close();
win.moveTo(0,0);
win.resizeTo(screen.availWidth,screen.availHeight);
}
</script>

赞 (0)

相关推荐

  • javascript full screen 全屏显示页面元素的方法

    一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height和width都设置成窗口大小,并且把背景颜色改成全白(为了遮住页面上其余的元素).这样网页上就只能看到你要突出的部件了,视觉上就等同于全屏.同时利用javascript监听键盘事件,一旦用户按了ESc退出键,就恢复原来的样子.部分代码如下: 复制代码 代码如下: document.onkeydown = function (event) {        var e = even

  • javascript实现控制浏览器全屏

    功能很简单,代码也很简洁,这里就不多废话了 function fullScreen() { var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, wscript; if(typeof rfs != "undefined" && rfs)

  • JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍

    复制代码 代码如下: // 判断各种浏览器,找到正确的方法function launchFullscreen(element) {  if(element.requestFullscreen) {    element.requestFullscreen();  } else if(element.mozRequestFullScreen) {    element.mozRequestFullScreen();  } else if(element.webkitRequestFullscree

  • javascript fullscreen全屏实现代码

    <script type="text/javascript" language="javascript"> function fullscreen() { win = window.open("Main.aspx","_blank","resizable=yes;status=yes;toolbar=no;location=no;menubar=no;directories=no;scrollbars=n

  • 基于JavaScript实现全屏透明遮罩div层锁屏效果

    废话不多说了,直接给大家写js代码了,代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <tit

  • js之切换全屏和退出全屏实现代码实例

    这篇文章主要介绍了js之切换全屏和退出全屏实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 应用场景: 比如很多网页游戏全屏之类的,或者是网上看小说等. 核心代码: //控制全屏 function enterfullscreen() { //进入全屏 $("#fullscreen").html("退出全屏"); var docElm = document.documentElement; //W3C if

  • Android 应用的全屏和非全屏实现代码

    Android 应用的全屏和非全屏实现代码 全屏显示操作: /** * 全屏显示 */ private void setFullSreen() { WindowManager.LayoutParams params = getWindow().getAttributes(); params.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN; getWindow().setAttributes(params); getWindow().addF

  • 基于javascript实现全屏漂浮广告

    本文实例为大家分享javascript实现全屏漂浮广告,供大家参考,具体内容如下 主要使用方法 网页可见区域宽:document.body.clientWidth; 网页可见区域高:document.body.clientHeight; 网页可见区域宽:document.body.offsetWidth (包括边线的宽); 网页可见区域高:document.body.offsetHeight (包括边线的宽); setInterval setInterval动作的作用是在播放动画的时,每隔一定时

  • Javascript 实现全屏滚动实例代码

    JS 全屏滚动 参照fullPage.js的效果,用自己的想法实现的. 实现的效果:1.全屏滚动,滚动一下齿轮就会滚动全屏. 2.自适应缩放,无论怎么改变窗口的大小,都会保证用一个元素占满全屏. 下一步计划: 1.改成react组件 2.实现更多的效果 注释写的很清楚,基本上知道函数怎么用就可以了.有想法这东西就很简单. 这里偷懒使用了我之前写过的一个运动框架(其实就是一个函数),稍加修改就可以在这上面使用.框架相关:点击这里 注释非常详细了,就不说其他的了.直接上代码: <!DOCTYPE h

  • 从新浪弄下来的全屏广告代码 与使用说明

    <!--全屏开始--><!--interstitial begin-->       <SCRIPT language=JavaScript>  <!-- //时间计算 SYfullscreen=false; today=new Date(); function testdate() {     if(today.getMonth()=='2') //是否为3月         {             if(today.getDate()=='15') //是

  • 新浪刚打开页面出来的全屏广告代码

    <!--XAD_STARTX--> <table width=760 border=0 cellspacing=0 cellpadding=0><tr><td align=center><!--全屏开始--> <!--interstitial begin--> <script language="JavaScript">  <!-- //时间计算 SYfullscreen=false; today

  • javascript实现全屏页面滚动效果

    javascript实现全屏页面滚动效果

    在我读完javaScript DOM之后,对解释型的javaScript脚本语言有了更加深刻的感悟和理解,并使我的javaScript代码更加规范化. 接下来,我们转入今天我要分享的技术性问题:全屏页面实现滚动. 实现的代码很简单,但是发现其中存在的问题就要靠长久的经验.读书阅历.以及程序员丰富的想象力. 先来看看,最后完成的两个效果图,以及console.log打印出来的内容: 1.点击页面2效果,以及打印的结果: 在点击之后,pagelist[this.index].rollCount计时器

  • 网页全屏显示代码说明分析

    最常见的是使用window.open的方法,直接打开全屏网页: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 另外,如果想让已经打开的网页全屏,有以下两种方法: 1.使用ActiveX test function Fkey(){ var WsShell = new ActiveXObject('WScript.Shell') WsShell.SendKeys('{F11}'); } to full [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2.使用window.o

随机推荐