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>
相关推荐
-
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
复制代码 代码如下: // 判断各种浏览器,找到正确的方法function launchFullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullscree
-
javascript实现控制浏览器全屏
功能很简单,代码也很简洁,这里就不多废话了 function fullScreen() { var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, wscript; if(typeof rfs != "undefined" && rfs)
-
javascript full screen 全屏显示页面元素的方法
一种最简单的方式,就是动态改变你想要全屏显示的部件的style,例如position变成absolute,height和width都设置成窗口大小,并且把背景颜色改成全白(为了遮住页面上其余的元素).这样网页上就只能看到你要突出的部件了,视觉上就等同于全屏.同时利用javascript监听键盘事件,一旦用户按了ESc退出键,就恢复原来的样子.部分代码如下: 复制代码 代码如下: document.onkeydown = function (event) { var e = even
-
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 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
随机推荐
- Javascript Function对象扩展之延时执行函数
- 可在线编辑网页文字效果代码(单击)
- Angular学习笔记之angular的$filter服务浅析
- iOS中UITableView使用的常见问题总结
- php+正则将字符串中的字母数字和中文分割
- javascript实现淡蓝色的鼠标拖动选择框实例
- 分享Visual Studio原生开发的10个调试技巧
- 利用php抓取蜘蛛爬虫痕迹的示例代码
- Bmail联系人飞来飞去效果
- Java实现多个文档合并输出到一个文档
- Laravel 中获取上一篇和下一篇数据
- 提高代码可读性的十大注释技巧分享
- javascript获取select值的方法分析
- javascript中的作用域和闭包详解
- Android中通知Notification的使用方法
- setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
- 交换机命令之三--华为
- 实例讲解广域网路由基础
- 应用市场中Java拦截器和切面的使用实例详解
- nginx返回json或者文本格式的方法