让HTML页面也可以实现全屏效果
来源:互联网 发布:赤月传说2转生数据 编辑:程序博客网 时间:2024/06/05 05:03
当前页面全屏化
本人今天看到一个页面全屏化的功能,觉得很不错,以后可能用到,所以贴出来,让大家使用,转载的别人的代码,不喜勿喷,本人测试,非常好用,谢谢!
首先展示效果:
下面是代码
JavaScript代码:
html代码:
function toggleFullScreen() {if (!document.fullscreenElement && // alternative standard method!document.mozFullScreenElement && !document.webkitFullscreenElement) {// current working methodsif (document.documentElement.requestFullscreen) {document.documentElement.requestFullscreen();} else if (document.documentElement.mozRequestFullScreen) {document.documentElement.mozRequestFullScreen();} else if (document.documentElement.webkitRequestFullscreen) {document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);}} else {if (document.cancelFullScreen) {document.cancelFullScreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.webkitCancelFullScreen) {document.webkitCancelFullScreen();}}}
<input value="全屏" type='button' onclick='toggleFullScreen();' />
http://blog.csdn.net/love_xiolan/article/details/52150171
谢谢,喜欢请点赞,不喜勿喷!
2 0
- 让HTML页面也可以实现全屏效果
- HTML也可以实现页面跳转
- javaScript实现全屏页面滚动效果(优化)
- 让框架的整个页面有滚动条,也可以实现其中的任一框架滚动
- DISCUZ x2.5 插件实现DIY功能,让页面也可以自由设计
- 【传递参数】html页面之间也可以传递参数
- HTML 页面 全屏
- html页面全屏
- html也可以动
- ios7实现全屏模态半透明页面的效果
- 实现HTML页面在手机浏览器上全屏的方式
- 实现HTML页面在手机浏览器上全屏的方式
- 实现HTML页面在手机浏览器上全屏的方式
- HTML+CSS3+JS 实现手风琴效果页面
- HTML + css 实现表白墙效果页面
- Flex3全屏效果实现
- 实现全屏切换效果
- js 实现全屏效果
- Linux 下切分文件与合并
- 微信读书排版引擎自动化测试方案
- 伪静态
- 一个已经升序排好的整型数组a[n]和整数S
- Extjs学习笔记<一>如何获得文本框输入的内容值
- 让HTML页面也可以实现全屏效果
- 【follow】 BZOJ1798: [Ahoi2009]Seq 维护序列seq
- opencv读取avi视频并抽取帧
- 兼容iOS 10
- ECShop模板文件说明及如何修改
- 业务需求
- OpenMP 编程实例(蒙特卡罗算法)
- 什么是互联网+
- PHP Static关键字