Html5游戏iframe实现全屏显示（如何让iframe中页面全屏显示）

： 2024-09-25 18:40:59 ：1

html5游戏iframe实现全屏显示（如何让iframe中页面全屏显示）

各位老铁们好，相信很多人对html5游戏iframe实现全屏显示都不是特别的了解，因此呢，今天就来为大家分享下关于html5游戏iframe实现全屏显示以及如何让iframe中页面全屏显示的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

本文目录

如何让iframe中页面全屏显示
iframe中，点击保存数据，如何显示整个页面
我在一个页面里插了个frame，怎么让插入的内容全屏呢
我有个页面iframe在中间的，里面的内容比较长，想要不显示滚动条而显示全部内容，怎么实现
iframe 如何全屏显示
asp.net 控件实现全屏显示</a></li><li><a href="#soogor6">iframe调用无法全屏显示</a></li><li><a href="#soogor7">用iframe在页面中打开一个网站，为什么会自动全屏，不在窗口中显示</a></li><li><a href="#soogor8">vue+iframe实现点击F11全屏效果</a></li></ul><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor0" name="soogor0">如何让iframe中页面全屏显示</a></h2><p>经典代码 iFrame 自适应高度，在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。 HTML代码： Javascript代码： function iFrameHeight() { var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frame...</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor1" name="soogor1">iframe中，点击保存数据，如何显示整个页面</a></h2><p>先是在CSDN查到了这个代码：《img src="" id=mxh》《input type=button onclick="a=window.open(document.all.mxh.src);a.document.execCommand(’SaveAs’)" value="save"》要求在同一个domain（域）试了下，是新建一个窗口，显示这张图片，然后另存，最后关掉这个窗口。但在Maxthon下试下，新开的窗口似乎关不掉。后来，在czxiu发现了这样的代码，有效。整理下，它是通过将隐藏iframe的地址设置为图片的地址，实现另存的。实现的代码如下：先在页面中加入一个隐藏iframe。《div style="display:none;"》《iframe width="0" height="0" id="genFrm" name="_genFrm" src="about:blank"》《/iframe》《/div》JS实现函数function SaveImage(img){ var win = $(’genFrm’).contentWindow; if (!win || img.tagName != ’IMG’) return; win.location.href = img.src; setTimeout(function() , 200);}页面中代码《img src="/img/title_wait.gif" id="DemoImg" border="0" /》《a href="javascript:void(SaveImage(document.getElementById(’DemoImg’)))"》点击这里下载图片《/a》img的src必须和页面是同一域的，否则会出现权限错误的提示。非同域的图片目前没有找到用JS保存的方法。不过，此功能在Firefox下无效。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor2" name="soogor2">我在一个页面里插了个frame，怎么让插入的内容全屏呢</a></h2><p>你可以设置浮动，这样：</p><p>《iframe src="网址" style="width:100%;height:100%;position:absolute;left:0%;top:0%;z-index:999999" frameborder="0" scrolling="no"》《/iframe》<p>应该就会覆盖全屏了</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor3" name="soogor3">我有个页面iframe在中间的，里面的内容比较长，想要不显示滚动条而显示全部内容，怎么实现</a></h2><p>《script language="javascript" type="text/javascript"》function dyniframesize(down) {var pTar = null;if (document.getElementById){pTar = document.getElementById(down);}else{eval(’pTar = ’ + down + ’;’);}if (pTar && !window.opera){//begin resizing iframepTar.style.display="block"if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){//ns6 syntaxpTar.height = pTar.contentDocument.body.offsetHeight +20;pTar.width = pTar.contentDocument.body.scrollWidth+20;}else if (pTar.Document && pTar.Document.body.scrollHeight){//ie5+ syntaxpTar.height = pTar.Document.body.scrollHeight;pTar.width = pTar.Document.body.scrollWidth;}}}《/script》《iframe src ="/default.html" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" onload="javascript:dyniframesize(’ifm’);" width="100%"》《/iframe》</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor4" name="soogor4">iframe 如何全屏显示</a></h2><p>你把它放在《div id="content"》《iframe src=""》《/iframe》《/div》这个div下面，这个div控制大小了，怎么全屏，蛋疼。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor5" name="soogor5">asp.net <iframe>控件实现全屏显示</a></h2><p>估计是因为有边距。设置一下style，父页面和iframe都设置一下。margin:0px;pading:0px;</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor6" name="soogor6">iframe调用无法全屏显示</a></h2><p>这个没办法那个网址里的内容设定的就那么大打个比方就是 iframe是相框你引用的那个网址是相片如果相片尺寸就是一寸的那相框再大相片也是一寸的如果你想做到全屏只能去修改你引用的那个网址里面的内容</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor7" name="soogor7">用iframe在页面中打开一个网站，为什么会自动全屏，不在窗口中显示</a></h2><p>那是因为别人的网站上设置了禁止把该页面放在框架之中的代码!如以下之类的代码!《script type="text/javascript"》　　if (window!=top) top.location.href = window.location.href; 《/script》</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor8" name="soogor8">vue+iframe实现点击F11全屏效果</a></h2><p>在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏。目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持父页面如果是Iframe嵌套内容，只需要在iframe中加入属性当然，如果是iframe多层嵌套，需要给每一层都加上该属性子页面</p><div>如果你还想了解更多这方面的信息，记得收藏关注本站。</div> </div> <p class="text-center"><img src="/static/images/bgimages/0066.jpg" alt="html5游戏iframe实现全屏显示（如何让iframe中页面全屏显示）" style=" max-width: 80%;" class="rounded shadow"></p> <div class="mt-3">本文编辑：admin</div> <div class="mt-3"><i class="bi bi-tags"></i>： <a href="/tag/1371.html">html5游戏iframe实现全屏显示</a> </div> <div class="contentfoot"> <div class="mt-3">上一篇：<a href="/bc/12301.html">源代码加密方法（如何给c/c++源代码加密）</a></div> <div class="mt-3">下一篇：<a href="/bc/79599.html">【打击网络谣言】网络暴力损人损己</a></div> </div> </div> </div> <div class="list mb-3"> </div> </div> <div class="col-md-3 bg-light"> <div class="fs-6 mt-3"><i class="bi bi-x-diamond-fill fs-6 text-primary"></i> 近期文章</div> <hr /> <a href="/bc/12302.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0029.jpg" alt="html5游戏iframe实现全屏显示（如何让iframe中页面全屏显示）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">html5游戏iframe实现全屏显示（如何让iframe中</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 18:40:59</div> </div> </div> </a> <a href="/rjfx/54597.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0072.jpg" alt="网易博客和网易微博客户端为什么在小米2手机上用不了无法发布内容！？乐小米凤凰台上凤凰游好像出版了" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">网易博客和网易微博客户端为什么在小米2手机上用不了无法发布内</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 18:30:32</div> </div> </div> </a> <a href="/bc/12301.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0024.jpg" alt="源代码加密方法（如何给c/c++源代码加密）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">源代码加密方法（如何给c/c++源代码加密）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 18:20:55</div> </div> </div> </a> <a href="/bjbdn/34055.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0085.jpg" alt="太平洋电脑网介绍（天涯网，猫扑网，腾讯网，太平洋电脑网它们之间的区别有哪些）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">太平洋电脑网介绍（天涯网，猫扑网，腾讯网，太平洋电脑网它们之</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 18:10:28</div> </div> </div> </a> <a href="/bjbdn/34054.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0022.jpg" alt="thinkpad x12（请问以AMD E-350 为CPU的上网本有哪些品牌和型号）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">thinkpad x12（请问以AMD E-350 为CPU</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 18:00:42</div> </div> </div> </a> <a href="/jjit/69876.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0023.jpg" alt="小米手机开了超级省电,变卡了怎么办？小米6x电池有点小，如何省电" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">小米手机开了超级省电,变卡了怎么办？小米6x电池有点小，如何</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 17:50:29</div> </div> </div> </a> <a href="/jjit/69875.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0078.jpg" alt="红米note5pro拆机教程（红米note7pro如何拆机操作步骤是什么）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">红米note5pro拆机教程（红米note7pro如何拆机 </div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 17:40:45</div> </div> </div> </a> <a href="/rjfx/54596.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0053.jpg" alt="start云游戏（start云游戏怎么实名认证）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">start云游戏（start云游戏怎么实名认证）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 17:30:19</div> </div> </div> </a> <a href="/bc/12300.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0003.jpg" alt="object not found（“Object not found!“是什么意思）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">object not found（“Object not f</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 17:20:55</div> </div> </div> </a> <a href="/rjfx/54595.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0022.jpg" alt="迷你世界怎么驯服野人（《迷你世界》各种动物驯服方法是什么）" style="width: 4rem;height: 4rem" onerror="javascript:this.style.display='none'" class="rounded me-2 flex-column"> <div class="flex-column d-flex"> <div class="mb-3 fw-bold">迷你世界怎么驯服野人（《迷你世界》各种动物驯服方法是什么）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-25 17:10:23</div> </div> </div> </a> <div class="fs-4 mt-3"><i class="bi bi-x-diamond-fill fs-3 text-primary"></i> 标签列表</a></div> <hr /> <ul class="nav"> <li class="nav-item mt-3"> <a href="/tag/72932.html" class="btn-group me-3 btn-group-sm" title="1篇和电信手机服务密码相关的内容"> <span class="btn btn-outline-secondary">电信手机服务密码</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/5748.html" class="btn-group me-3 btn-group-sm" title="2篇和periodic是什么意思相关的内容"> <span class="btn btn-outline-secondary">periodic是什么意思</span> <span class="btn btn-secondary">2</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/32423.html" class="btn-group me-3 btn-group-sm" title="1篇和dell笔记本电脑电池鼓包相关的内容"> <span class="btn btn-outline-secondary">dell笔记本电脑电池鼓包</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/23128.html" class="btn-group me-3 btn-group-sm" title="1篇和联想z51相关的内容"> <span class="btn btn-outline-secondary">联想z51</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/18622.html" class="btn-group me-3 btn-group-sm" title="1篇和东芝笔记本驱动检测程序相关的内容"> <span class="btn btn-outline-secondary">东芝笔记本驱动检测程序</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/5558.html" class="btn-group me-3 btn-group-sm" title="1篇和smart眼睛手术和飞秒区别相关的内容"> <span class="btn btn-outline-secondary">smart眼睛手术和飞秒区别</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/68003.html" class="btn-group me-3 btn-group-sm" title="1篇和c8812刷机教程相关的内容"> <span class="btn btn-outline-secondary">c8812刷机教程</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/20336.html" class="btn-group me-3 btn-group-sm" title="1篇和rtx3060算高端显卡吗相关的内容"> <span class="btn btn-outline-secondary">rtx3060算高端显卡吗</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/5413.html" class="btn-group me-3 btn-group-sm" title="1篇和php原生开发是什么相关的内容"> <span class="btn btn-outline-secondary">php原生开发是什么</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/80350.html" class="btn-group me-3 btn-group-sm" title="1篇和诺基亚n79拆解视频相关的内容"> <span class="btn btn-outline-secondary">诺基亚n79拆解视频</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/2454.html" class="btn-group me-3 btn-group-sm" title="2篇和telnet服务自身的主要缺陷是相关的内容"> <span class="btn btn-outline-secondary">telnet服务自身的主要缺陷是</span> <span class="btn btn-secondary">2</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/26618.html" class="btn-group me-3 btn-group-sm" title="1篇和logitech摄像头驱动下载相关的内容"> <span class="btn btn-outline-secondary">logitech摄像头驱动下载</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/72632.html" class="btn-group me-3 btn-group-sm" title="1篇和波轮洗衣机拆洗步骤图解相关的内容"> <span class="btn btn-outline-secondary">波轮洗衣机拆洗步骤图解</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/67555.html" class="btn-group me-3 btn-group-sm" title="1篇和苹果鼠标怎么连接win10相关的内容"> <span class="btn btn-outline-secondary">苹果鼠标怎么连接win10</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/63193.html" class="btn-group me-3 btn-group-sm" title="1篇和ea38相关的内容"> <span class="btn btn-outline-secondary">ea38</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/64532.html" class="btn-group me-3 btn-group-sm" title="1篇和绿建三星认证相关的内容"> <span class="btn btn-outline-secondary">绿建三星认证</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/18928.html" class="btn-group me-3 btn-group-sm" title="1篇和华硕n56vz屏轴断了相关的内容"> <span class="btn btn-outline-secondary">华硕n56vz屏轴断了</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/26769.html" class="btn-group me-3 btn-group-sm" title="2篇和惠普mini相关的内容"> <span class="btn btn-outline-secondary">惠普mini</span> <span class="btn btn-secondary">2</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/73421.html" class="btn-group me-3 btn-group-sm" title="1篇和icloud官网相关的内容"> <span class="btn btn-outline-secondary">icloud官网</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/63700.html" class="btn-group me-3 btn-group-sm" title="1篇和四川三星堆简介相关的内容"> <span class="btn btn-outline-secondary">四川三星堆简介</span> <span class="btn btn-secondary">1</span> </a> </li> </ul> </div> </div> </div> <div class="bg-secondary text-center py-md-5 py-3 text-white"> Copyright © 2022 All Rights Reserved 威海上格软件有限公司版权所有<p><a href="https://beian.miit.gov.cn/" target="_blank" class="text-white" rel="nofollow">鲁ICP备20007704号</a></p> <div style="text-align: center; margin-top: 50"> <p>Thanks for visiting my site.</p> </div> </div> </body> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1d34ecd6a360239f05314ff57cbd43b6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </html>  <div class="d-block d-sm-none fixed-bottom MYbottom"> <div class="row"> <div class="col text-center"><a href="https://work.weixin.qq.com/kfid/kfc2f5e61d951dec695"><i class="zi zi_service"></i> 在线客服</a></div><div class="col text-center"><a href="tel:15666115168" class="w-50 text-center"><i class="zi zi_phone"></i> 官方服务热线</a></div> </div> </div> <div class="kefu"> <ul> <li class="kefu_wechat"> <a class="d-block d-md-none" href="https://work.weixin.qq.com/kfid/kfcbbc48c80c094b9f3"><i class="bi bi-person-fill"></i></a> <a href="#" class="d-none d-md-block"><span><img src="/static/images/qrcode.png" alt="企业微信二维码" /></span><i class="bi bi-person-fill"></i></a> </li> <li><a href="tel:15666115168"><span>15666115168</span><i class="bi bi-telephone-fill"></i></a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=343489416&site=qq&menu=yes" target="_blank"><span>QQ在线客服</span><i class="fs-5">QQ</i></a></li>  <li class="kefu_qrcode"><a href="javascript:;"><span><svg width="32.5mm" height="32.5mm" viewBox="0 0 32.5 32.5" class="segno"><path transform="scale(0.5)" class="qrline" stroke="#fff" d="M4 4.5h7m1 0h1m1 0h1m1 0h3m4 0h1m1 0h1m1 0h4m2 0h1m1 0h1m1 0h8m1 0h3m1 0h2m2 0h7m-57 1h1m5 0h1m1 0h1m2 0h1m6 0h2m1 0h4m2 0h1m2 0h1m1 0h3m5 0h1m4 0h1m1 0h1m2 0h1m5 0h1m-57 1h1m1 0h3m1 0h1m1 0h1m1 0h3m1 0h5m3 0h2m2 0h2m1 0h3m9 0h1m1 0h2m1 0h2m2 0h1m1 0h3m1 0h1m-57 1h1m1 0h3m1 0h1m2 0h1m1 0h3m2 0h3m3 0h1m1 0h1m2 0h1m1 0h1m2 0h1m4 0h1m1 0h1m3 0h1m3 0h1m2 0h1m1 0h3m1 0h1m-57 1h1m1 0h3m1 0h1m3 0h1m2 0h2m5 0h1m1 0h11m2 0h2m4 0h1m1 0h3m1 0h1m2 0h1m1 0h3m1 0h1m-57 1h1m5 0h1m1 0h1m1 0h2m1 0h4m1 0h2m3 0h2m1 0h1m3 0h1m1 0h1m4 0h1m1 0h1m2 0h5m3 0h1m5 0h1m-57 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-49 1h1m1 0h4m1 0h1m1 0h2m1 0h5m1 0h1m3 0h1m1 0h3m4 0h1m2 0h2m2 0h2m-46 1h3m1 0h1m1 0h2m2 0h1m2 0h1m2 0h1m3 0h9m3 0h1m2 0h1m2 0h3m2 0h7m2 0h3m-57 1h1m2 0h3m3 0h1m1 0h2m1 0h1m2 0h2m1 0h4m2 0h1m4 0h2m2 0h1m3 0h2m1 0h2m2 0h1m1 0h2m1 0h2m1 0h1m-55 1h2m2 0h1m1 0h2m2 0h2m3 0h3m3 0h2m2 0h4m2 0h2m1 0h1m2 0h1m2 0h3m2 0h1m1 0h2m1 0h1m1 0h5m-57 1h2m3 0h1m3 0h3m2 0h1m2 0h2m1 0h1m1 0h1m1 0h1m2 0h1m4 0h2m2 0h2m3 0h1m1 0h1m1 0h1m2 0h2m2 0h1m1 0h1m1 0h1m-57 1h1m3 0h3m3 0h4m1 0h1m1 0h2m3 0h3m2 0h1m1 0h5m1 0h5m6 0h1m1 0h1m4 0h4m-57 1h1m2 0h2m2 0h1m2 0h1m2 0h4m1 0h1m1 0h1m1 0h1m2 0h2m2 0h1m2 0h4m1 0h1m3 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m2 0h1m-57 1h1m1 0h1m3 0h4m1 0h1m5 0h1m1 0h1m1 0h3m2 0h3m1 0h5m2 0h3m2 0h1m3 0h1m3 0h1m-51 1h3m2 0h1m1 0h1m1 0h4m1 0h4m2 0h1m3 0h2m1 0h5m1 0h2m5 0h1m1 0h1m3 0h2m5 0h1m2 0h1m-56 1h9m1 0h3m1 0h1m1 0h2m1 0h5m4 0h1m3 0h1m3 0h3m1 0h4m2 0h3m1 0h1m2 0h1m-51 1h1m4 0h1m1 0h3m1 0h2m1 0h3m1 0h1m2 0h1m1 0h1m2 0h2m2 0h2m3 0h2m1 0h1m1 0h2m2 0h1m5 0h1m1 0h1m-57 1h1m1 0h1m3 0h2m2 0h2m5 0h1m3 0h3m2 0h4m1 0h1m2 0h1m2 0h3m1 0h9m1 0h1m1 0h3m-56 1h2m2 0h1m4 0h1m1 0h1m2 0h3m2 0h1m4 0h1m3 0h4m1 0h1m1 0h7m1 0h1m1 0h1m2 0h3m3 0h3m-57 1h2m3 0h2m1 0h1m2 0h1m1 0h1m7 0h2m1 0h2m3 0h1m3 0h1m4 0h1m6 0h1m2 0h1m1 0h2m1 0h4m-56 1h1m1 0h3m1 0h4m2 0h1m1 0h1m1 0h1m4 0h2m1 0h4m1 0h2m1 0h1m2 0h3m1 0h2m1 0h1m1 0h1m2 0h3m3 0h1m1 0h1m-57 1h3m3 0h1m1 0h2m2 0h1m1 0h2m1 0h3m1 0h1m2 0h1m1 0h2m1 0h1m1 0h1m3 0h2m2 0h1m2 0h1m2 0h1m2 0h1m2 0h1m1 0h2m-55 1h3m2 0h1m1 0h7m1 0h1m1 0h5m3 0h1m1 0h2m3 0h4m3 0h1m1 0h1m4 0h2m3 0h1m2 0h1m-54 1h7m3 0h1m5 0h1m1 0h6m5 0h1m1 0h2m1 0h1m1 0h1m2 0h1m2 0h4m2 0h1m2 0h3m-51 1h1m3 0h2m2 0h2m5 0h1m7 0h1m1 0h2m1 0h1m1 0h1m4 0h3m2 0h1m1 0h3m2 0h2m1 0h1m-55 1h9m1 0h1m1 0h3m1 0h2m1 0h2m1 0h1m1 0h8m2 0h2m1 0h1m2 0h1m1 0h4m1 0h6m2 0h2m-57 1h1m2 0h2m3 0h2m3 0h1m1 0h2m2 0h1m1 0h2m1 0h1m1 0h1m3 0h5m2 0h3m1 0h3m1 0h1m1 0h2m3 0h3m1 0h1m-57 1h1m1 0h3m1 0h1m1 0h1m2 0h2m1 0h1m4 0h1m1 0h2m1 0h1m1 0h1m1 0h1m1 0h4m2 0h1m1 0h1m1 0h2m5 0h2m1 0h1m1 0h1m2 0h2m-54 1h2m3 0h3m1 0h4m1 0h1m1 0h2m1 0h2m1 0h2m3 0h3m4 0h7m1 0h1m1 0h2m3 0h3m-55 1h2m1 0h6m2 0h3m1 0h1m1 0h1m1 0h2m1 0h1m1 0h1m1 0h5m1 0h2m1 0h1m4 0h1m6 0h6m2 0h2m-57 1h2m6 0h2m1 0h1m2 0h2m2 0h4m5 0h2m1 0h1m1 0h4m5 0h1m2 0h1m1 0h2m1 0h1m2 0h3m1 0h1m-57 1h2m1 0h1m1 0h2m2 0h5m5 0h1m2 0h4m2 0h3m1 0h2m3 0h1m1 0h1m1 0h1m1 0h1m1 0h2m1 0h3m2 0h1m1 0h2m-57 1h1m1 0h2m1 0h1m6 0h1m3 0h5m3 0h1m3 0h3m1 0h1m3 0h1m5 0h1m1 0h1m1 0h1m1 0h1m1 0h2m1 0h1m1 0h1m-56 1h2m2 0h1m1 0h1m1 0h1m2 0h2m2 0h1m1 0h1m1 0h2m1 0h1m3 0h1m2 0h3m1 0h1m2 0h2m1 0h1m1 0h1m3 0h1m3 0h2m-51 1h1m4 0h1m2 0h2m1 0h1m2 0h2m2 0h3m3 0h2m1 0h4m1 0h2m1 0h1m1 0h3m2 0h1m1 0h2m2 0h1m2 0h1m1 0h3m-56 1h1m1 0h2m2 0h6m4 0h1m3 0h1m1 0h1m1 0h1m1 0h1m6 0h2m3 0h1m1 0h3m6 0h3m-48 1h1m2 0h2m2 0h1m1 0h2m2 0h4m1 0h1m2 0h1m1 0h2m2 0h1m1 0h2m1 0h5m1 0h4m2 0h1m1 0h1m1 0h1m1 0h1m-54 1h2m1 0h1m1 0h1m5 0h1m3 0h3m2 0h4m1 0h1m5 0h3m1 0h1m3 0h5m4 0h8m-57 1h4m3 0h3m1 0h5m2 0h4m1 0h1m2 0h2m2 0h3m2 0h1m1 0h2m2 0h1m3 0h1m2 0h1m3 0h1m1 0h1m1 0h1m-56 1h4m1 0h7m7 0h1m1 0h1m1 0h1m2 0h2m1 0h1m3 0h1m1 0h1m1 0h2m3 0h2m4 0h1m2 0h5m-53 1h2m1 0h2m2 0h1m1 0h3m1 0h1m1 0h4m2 0h2m3 0h1m3 0h1m1 0h3m2 0h1m2 0h2m2 0h1m4 0h1m1 0h1m-55 1h2m1 0h3m3 0h1m1 0h1m2 0h4m1 0h1m1 0h2m1 0h4m4 0h2m4 0h1m2 0h3m3 0h2m1 0h1m-52 1h6m1 0h4m3 0h3m2 0h2m2 0h3m2 0h3m4 0h1m3 0h1m2 0h1m2 0h2m2 0h5m1 0h1m-55 1h1m1 0h1m2 0h2m2 0h2m4 0h2m2 0h1m1 0h1m1 0h3m1 0h4m1 0h1m1 0h3m2 0h9m2 0h2m1 0h1m-53 1h3m2 0h2m2 0h1m1 0h3m1 0h4m1 0h2m1 0h3m2 0h4m5 0h2m1 0h1m1 0h2m1 0h1m1 0h3m2 0h3m-57 1h1m1 0h1m2 0h2m5 0h2m8 0h8m6 0h2m2 0h8m1 0h1m1 0h1m1 0h2m-55 1h5m5 0h3m1 0h9m2 0h2m6 0h3m4 0h2m1 0h1m2 0h1m1 0h1m1 0h1m3 0h1m-49 1h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h2m2 0h10m2 0h2m1 0h1m6 0h1m1 0h7m-47 1h1m1 0h1m1 0h1m1 0h2m2 0h2m1 0h1m1 0h1m1 0h2m3 0h4m2 0h1m4 0h1m1 0h1m3 0h2m3 0h2m2 0h1m-57 1h7m2 0h1m1 0h3m4 0h1m3 0h3m1 0h1m1 0h1m1 0h5m2 0h1m1 0h1m2 0h1m2 0h2m1 0h1m1 0h1m1 0h1m2 0h1m-56 1h1m5 0h1m2 0h1m1 0h1m2 0h3m2 0h4m2 0h2m3 0h1m2 0h2m3 0h1m1 0h1m1 0h1m3 0h1m1 0h1m3 0h2m1 0h2m-57 1h1m1 0h3m1 0h1m1 0h1m1 0h2m2 0h4m1 0h1m1 0h1m2 0h1m1 0h7m1 0h1m2 0h2m2 0h6m1 0h5m1 0h1m-55 1h1m1 0h3m1 0h1m1 0h1m3 0h1m1 0h1m1 0h1m4 0h1m6 0h1m1 0h3m5 0h2m2 0h1m1 0h1m1 0h1m1 0h3m1 0h2m-54 1h1m1 0h3m1 0h1m1 0h2m1 0h1m1 0h1m1 0h2m2 0h4m4 0h1m2 0h5m3 0h8m1 0h1m1 0h1m-50 1h1m5 0h1m5 0h2m1 0h1m4 0h2m1 0h1m2 0h3m3 0h3m1 0h1m1 0h1m3 0h2m1 0h1m3 0h1m1 0h1m1 0h1m-54 1h7m2 0h2m1 0h1m1 0h1m2 0h1m4 0h3m1 0h1m2 0h2m2 0h1m3 0h3m1 0h2m4 0h1m2 0h3m1 0h2"/></svg>扫码分享到手机阅读</span><i class=""><svg width="7.4mm" height="7.4mm" viewBox="0 0 7.4 7.4" class="segno"><g transform="scale(0.2)"><path fill="#7a6e6e" d="M0 0h37v37h-37z"/><path class="qrline" stroke="#fff" d="M4 4.5h7m2 0h3m1 0h1m1 0h1m1 0h1m1 0h2m1 0h7m-29 1h1m5 0h1m1 0h3m1 0h1m2 0h2m3 0h1m1 0h1m5 0h1m-29 1h1m1 0h3m1 0h1m1 0h2m3 0h2m1 0h2m1 0h2m1 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h4m3 0h2m5 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m1 0h3m5 0h1m2 0h1m2 0h1m1 0h3m1 0h1m-29 1h1m5 0h1m1 0h2m1 0h1m2 0h2m1 0h3m2 0h1m5 0h1m-29 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-19 1h2m2 0h1m1 0h2m1 0h2m-19 1h1m2 0h4m2 0h2m1 0h1m1 0h2m2 0h2m1 0h5m-26 1h1m1 0h1m3 0h1m1 0h2m2 0h1m5 0h1m2 0h4m-25 1h5m1 0h3m2 0h1m2 0h3m1 0h1m2 0h1m1 0h1m1 0h2m-29 1h3m1 0h1m6 0h2m1 0h2m1 0h1m1 0h2m1 0h5m-27 1h7m1 0h2m1 0h2m4 0h2m5 0h5m-29 1h2m2 0h2m1 0h2m2 0h1m1 0h4m1 0h1m6 0h3m-26 1h1m3 0h7m1 0h1m3 0h2m1 0h2m1 0h2m1 0h2m-29 1h2m2 0h1m2 0h2m2 0h3m2 0h3m2 0h1m3 0h3m-28 1h3m1 0h1m1 0h2m2 0h2m2 0h6m1 0h2m1 0h5m-27 1h4m2 0h1m1 0h2m1 0h2m1 0h1m1 0h1m2 0h1m-22 1h4m2 0h1m2 0h3m1 0h1m1 0h1m1 0h3m1 0h2m1 0h1m1 0h3m-26 1h1m3 0h1m4 0h1m1 0h2m5 0h1m-22 1h2m1 0h8m1 0h1m1 0h1m1 0h9m1 0h3m-21 1h3m3 0h1m2 0h1m2 0h1m3 0h1m-25 1h7m1 0h4m1 0h2m3 0h3m1 0h1m1 0h1m1 0h1m-27 1h1m5 0h1m1 0h1m1 0h1m1 0h2m1 0h6m3 0h1m3 0h1m-29 1h1m1 0h3m1 0h1m3 0h1m1 0h1m1 0h2m1 0h1m2 0h5m1 0h1m-27 1h1m1 0h3m1 0h1m2 0h1m1 0h2m1 0h4m2 0h1m4 0h2m-27 1h1m1 0h3m1 0h1m1 0h1m1 0h7m5 0h1m2 0h1m1 0h2m-29 1h1m5 0h1m2 0h1m1 0h1m3 0h1m1 0h2m2 0h2m1 0h3m-27 1h7m10 0h1m3 0h1m3 0h2m1 0h1"/></g></svg></i></a></li> </ul> </div> <script> // video播放，没有指定 controls 属性，视频不会展示浏览器自带的控件 $('video').css('max-width','98%'); $('video').attr('controls',true); console.log($('video'),22) $(function(){ $(window).scroll(function(){ var scrH=document.documentElement.scrollTop+document.body.scrollTop; if(scrH>200){ $('#goTop').fadeIn(400); }else{ $('#goTop').stop().fadeOut(400); } }); $('#goTop').click(function(){ $('html,body').animate({scrollTop:'0px'},200); }); }); </script> <a id="goTop" href="javascript:" style="position: fixed;bottom: 40px;right: 10px;display: none;text-align: center;"><i class="bi bi-capslock fs-3"></i><br>顶部</a>