密通学院

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2611|回复: 0

页面指定某块区域全屏

[复制链接]

282

主题

27

回帖

8万

铜板

超级版主

Rank: 8Rank: 8

积分
89153
QQ
发表于 2018-10-8 16:14:06 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<script>
//打开ppt
function kaishi()
{
   var docElm = document.getElementById('ppt-box');
   //要被全屏的元素  //W3C     
                if (docElm.requestFullscreen) {
                    docElm.requestFullscreen();
  }
  //FireFox
                           else if (docElm.mozRequestFullScreen) {
                              docElm.mozRequestFullScreen();  }
                                //Chrome等     
                                else if (docElm.webkitRequestFullScreen) {
                            docElm.webkitRequestFullScreen();  }
                                //IE11     
                                  else if (docElm.msRequestFullscreen) {
              docElm.msRequestFullscreen();  }}
                   // 关闭ppt
                   function guanbi() {
                     if (document.exitFullscreen) {
                             document.exitFullscreen();
                                   } else if (document.mozCancelFullScreen) {
                                    document.mozCancelFullScreen();
                                        } else if (document.webkitCancelFullScreen) {
                                document.webkitCancelFullScreen();
                        } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
        }}


</script>


<body>

<input id="Button1" type="button" value="全屏" onclick="kaishi()" /> 是 <div id="ppt-box" style="width:100%; height:100%;">全屏的内容<!-- 关闭按钮 -->    <button onclick="guanbi()">退出全屏</button>  </div>

</body>
</html>
如果您有业务需求,可以和我联系:
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

首页|Archiver|手机版|小黑屋|密通学院:专业网络营销服务商

GMT+8, 2024-12-22 19:50 , Processed in 0.098633 second(s), 24 queries QQ

Powered by XMT Inc. © 2015-2025 ArrayV1.0 豫ICP备17022382号

系统运营:密城通 豫公网安备 41018302000212 号

快速回复 返回顶部 返回列表