CSS网页全屏
来源:互联网 发布:windows loader好用吗 编辑:程序博客网 时间:2024/05/16 19:45
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>全屏</title></head><body ><style> #fullscreen{width:40px;height:40px;position:fixed;top:20px;right:20px;opacity:0.4; } </style><div id="fullscreen" fullflag ="0">全屏</div><script> document.getElementById("fullscreen").onclick=function(){ //var elem = document.getElementById("content"); //var h1 = document.getElementById("h1"); //requestFullScreen(elem);// 某个页面元素var flag =this.getAttribute("fullflag");if(flag == 0){requestFullScreen(document.documentElement);// 整个网页this.innerHTML= "退出";this.setAttribute("fullflag",'1');}else{this.innerHTML="全屏";this.setAttribute("fullflag",'0');exitFull()} };function requestFullScreen(element) { // 判断各种浏览器,找到正确的方法 var requestMethod = element.requestFullScreen || //W3C element.webkitRequestFullScreen || //Chrome等 element.mozRequestFullScreen || //FireFox element.msRequestFullScreen; //IE11 if (requestMethod) { requestMethod.call(element); } else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer var wscript = new ActiveXObject("WScript.Shell"); if (wscript !== null) { wscript.SendKeys("{F11}"); } }}//退出全屏 判断浏览器种类function exitFull() { // 判断各种浏览器,找到正确的方法 var exitMethod = document.exitFullscreen || //W3C document.mozCancelFullScreen || //Chrome等 document.webkitExitFullscreen || //FireFox document.webkitExitFullscreen; //IE11 if (exitMethod) { exitMethod.call(document); } else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer var wscript = new ActiveXObject("WScript.Shell"); if (wscript !== null) { wscript.SendKeys("{F11}"); } }} </script></body></html>
阅读全文
0 0
- CSS网页全屏
- 使用一行CSS代码来实现网页全屏效果
- 全屏打开网页
- 全屏打开网页
- 网页打开自动全屏
- 网页全屏代码
- html5 网页全屏显示
- html5实现网页全屏
- 全屏显示网页
- 全屏平滑滚动网页
- 手机网页图片自适应大小 background-size css 图片全屏 背景尺寸设置
- 手机网页图片自适应大小 background-size css 图片全屏 背景尺寸设置
- 手机网页图片自适应大小 background-size css 图片全屏 背景尺寸设置
- div+css全屏
- css body背景图全屏
- css全屏背景
- css 设置全屏背景图片
- CSS背景铺满全屏
- Java写的保持socket长连接客户端代码
- 从零开始搭建react storybook
- 机器学习(二)梯度下降
- zoo.cfg配置文件参数详解
- 运维架构服务监控Open-Falcon
- CSS网页全屏
- Eclipse设置相同变量背景色高亮显示
- 烧脑的算数(交换2个变量值)
- c++是否格式化
- js中获得当前时间是年份和月份
- 网络通信InetAddress、URL
- JRE与JDK的区别
- 解决idea控制台打印乱码问题
- 链式前向星