因为开源才使我们有机会触摸更高的山峰
首页
上格CMS
上格CMS首页
上格CMS文档
SoogorFactory
SoogorFactory首页
SoogorFactory文档
Soogor Push
Soogor Push首页
Soogor Push文档
解决方案
站长工具
转码
IP查询
开发笔记
网站效果
Django
Python
网站运营
WEB前沿
聚焦IT
笔记本电脑
编程
软件分享
应用市场
Search
注册
/
登录
首页
WEB前沿
编程
内容详情
Html5游戏iframe实现全屏显示（asp.net <iframe>控件实现全屏显示）
：
2023-11-25 17:00:04
：73
这篇文章给大家聊聊关于html5游戏iframe实现全屏显示，以及asp.net
控件实现全屏显示对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。</div><h2 style="font-size: 110%;font-weight: bold;">本文目录</h2><ul style="list-style-type: decimal;"><li><a href="#soogor0">asp.net <iframe>控件实现全屏显示</a></li><li><a href="#soogor1">如何让iframe中页面全屏显示</a></li><li><a href="#soogor2">用iframe在页面中打开一个网站，为什么会自动全屏，不在窗口中显示</a></li><li><a href="#soogor3">iframe 如何全屏显示</a></li><li><a href="#soogor4">iframe调用无法全屏显示</a></li><li><a href="#soogor5">iframe中，点击保存数据，如何显示整个页面</a></li><li><a href="#soogor6">我在一个页面里插了个frame，怎么让插入的内容全屏呢</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">asp.net <iframe>控件实现全屏显示</a></h2><p>估计是因为有边距。设置一下style，父页面和iframe都设置一下。margin:0px;pading:0px;</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor1" name="soogor1">如何让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="soogor2" name="soogor2">用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="soogor3" name="soogor3">iframe 如何全屏显示</a></h2><p>你把它放在《div id="content"》《iframe src=""》《/iframe》《/div》这个div下面，这个div控制大小了，怎么全屏，蛋疼。</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor4" name="soogor4">iframe调用无法全屏显示</a></h2><p>这个没办法 那个网址里的内容设定的就那么大 打个比方就是 iframe是相框 你引用的那个网址是相片 如果相片尺寸就是一寸的 那相框再大 相片也是一寸的 如果你想做到全屏 只能去修改你引用的那个网址里面的内容</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor5" name="soogor5">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="soogor6" name="soogor6">我在一个页面里插了个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="soogor7" name="soogor7">我有个页面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="soogor8" name="soogor8">vue+iframe实现点击F11全屏效果</a></h2><p>在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏。目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 父页面 如果是Iframe嵌套内容，只需要在iframe中加入属性 当然，如果是iframe多层嵌套，需要给每一层都加上该属性 子页面</p><div>关于html5游戏iframe实现全屏显示，asp.net <iframe>控件实现全屏显示的介绍到此结束，希望对大家有所帮助。</div> </div> <p class="text-center"><img src="/static/images/bgimages/0018.jpg" alt="html5游戏iframe实现全屏显示（asp.net <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/1328.html">c语言谭浩强第五版答案（现代编译原理c语言描述 这本书有答案吗）</a></div> <div class="mt-3">下一篇：<a href="/bc/1330.html">css list style（CSS列表中list-style-position inside 和outside 的区别）</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/12178.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0021.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-22 07:21:56</div> </div> </div> </a> <a href="/bjbdn/33922.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0051.jpg" alt="惠普envyx360 13（hp envy x360 convertible 13 键盘防水吗）" 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">惠普envyx360 13（hp envy x360 con</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-22 07:10:36</div> </div> </div> </a> <a href="/rjfx/54492.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0079.jpg" alt="databaseengine（microsoft access database engine2010是什么软件可以卸载吗）" 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">databaseengine（microsoft acces</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-22 07:00:59</div> </div> </div> </a> <a href="/bc/12177.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0074.jpg" alt="opengl入门教程（（20分）求openGL较为简单的入门教程，适合于自学，谢谢）" 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">opengl入门教程（（20分）求openGL较为简单的入门</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-22 06:50:48</div> </div> </div> </a> <a href="/bc/12176.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0080.jpg" alt="2021vue3还是react（vue3.x 能否和react 一战）" 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">2021vue3还是react（vue3.x 能否和reac</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-22 06:40:50</div> </div> </div> </a> <a href="/bjbdn/33921.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0005.jpg" alt="g系列和u系列（买三星U系列还是G系列）" 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">g系列和u系列（买三星U系列还是G系列）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-22 06:30:35</div> </div> </div> </a> <a href="/rjfx/54491.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0054.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-22 06:20:37</div> </div> </div> </a> <a href="/jjit/69744.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0087.jpg" alt="苹果a10x比a12性能对比（a12相当于骁龙多少）" 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">苹果a10x比a12性能对比（a12相当于骁龙多少）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-22 06:10:50</div> </div> </div> </a> <a href="/bc/12175.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0050.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-22 06:01:04</div> </div> </div> </a> <a href="/jjit/69743.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0021.jpg" alt="sonarlint（myellipse怎么安装sonarlint）" 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">sonarlint（myellipse怎么安装sonarli</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-22 05:50:41</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/23077.html" class="btn-group me-3 btn-group-sm" title="1篇和联想b470ea相关的内容"> <span class="btn btn-outline-secondary">联想b470ea</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/4692.html" class="btn-group me-3 btn-group-sm" title="2篇和sql更新后查询相关的内容"> <span class="btn btn-outline-secondary">sql更新后查询</span> <span class="btn btn-secondary">2</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/36794.html" class="btn-group me-3 btn-group-sm" title="1篇和联想g450系统相关的内容"> <span class="btn btn-outline-secondary">联想g450系统</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/18876.html" class="btn-group me-3 btn-group-sm" title="5篇和x61相关的内容"> <span class="btn btn-outline-secondary">x61</span> <span class="btn btn-secondary">5</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/28151.html" class="btn-group me-3 btn-group-sm" title="2篇和惠普cq32相关的内容"> <span class="btn btn-outline-secondary">惠普cq32</span> <span class="btn btn-secondary">2</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/186.html" class="btn-group me-3 btn-group-sm" title="3篇和客户管理相关的内容"> <span class="btn btn-outline-secondary">客户管理</span> <span class="btn btn-secondary">3</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/5163.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/8215.html" class="btn-group me-3 btn-group-sm" title="2篇和present是什么意思相关的内容"> <span class="btn btn-outline-secondary">present是什么意思</span> <span class="btn btn-secondary">2</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/8030.html" class="btn-group me-3 btn-group-sm" title="1篇和event的读音相关的内容"> <span class="btn btn-outline-secondary">event的读音</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/69160.html" class="btn-group me-3 btn-group-sm" title="1篇和乐视pro3相关的内容"> <span class="btn btn-outline-secondary">乐视pro3</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/64230.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/36533.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/66339.html" class="btn-group me-3 btn-group-sm" title="1篇和cool1手机相关的内容"> <span class="btn btn-outline-secondary">cool1手机</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/40715.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/36369.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/6478.html" class="btn-group me-3 btn-group-sm" title="3篇和contextmenustrip右键没反应相关的内容"> <span class="btn btn-outline-secondary">contextmenustrip右键没反应</span> <span class="btn btn-secondary">3</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/23829.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/50718.html" class="btn-group me-3 btn-group-sm" title="2篇和盟军敢死队相关的内容"> <span class="btn btn-outline-secondary">盟军敢死队</span> <span class="btn btn-secondary">2</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/40567.html" class="btn-group me-3 btn-group-sm" title="1篇和intel pm45支持内存相关的内容"> <span class="btn btn-outline-secondary">intel pm45支持内存</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/23489.html" class="btn-group me-3 btn-group-sm" title="1篇和华硕d540mc台式机相关的内容"> <span class="btn btn-outline-secondary">华硕d540mc台式机</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> <!--手机浮动最下面的客服代码，通过CSS中的MYbottom定义--> <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><a href="/Guest" target="_blank"><span>留言咨询</span><i class="zi zi_msgchat"></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 0h3m1 0h3m1 0h1m8 0h2m2 0h1m7 0h2m1 0h3m2 0h3m2 0h7m-57 1h1m5 0h1m2 0h2m1 0h3m1 0h6m1 0h2m6 0h1m1 0h2m2 0h1m7 0h1m1 0h1m2 0h1m5 0h1m-57 1h1m1 0h3m1 0h1m1 0h2m1 0h1m1 0h1m2 0h2m1 0h1m1 0h3m2 0h2m4 0h2m1 0h1m1 0h3m2 0h6m2 0h1m1 0h3m1 0h1m-57 1h1m1 0h3m1 0h1m2 0h2m1 0h1m1 0h4m2 0h2m1 0h1m2 0h2m1 0h3m3 0h1m3 0h1m1 0h4m2 0h1m2 0h1m1 0h3m1 0h1m-57 1h1m1 0h3m1 0h1m1 0h2m1 0h2m1 0h1m1 0h2m2 0h3m1 0h8m3 0h1m1 0h4m1 0h4m1 0h1m2 0h1m1 0h3m1 0h1m-57 1h1m5 0h1m2 0h3m5 0h1m4 0h1m1 0h1m1 0h1m3 0h2m1 0h2m4 0h8m3 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 0h2m2 0h1m5 0h3m1 0h1m1 0h1m3 0h1m1 0h2m2 0h4m1 0h1m6 0h1m-44 1h2m4 0h3m1 0h4m3 0h2m1 0h6m4 0h2m1 0h2m3 0h2m3 0h1m1 0h1m1 0h1m1 0h1m1 0h1m-56 1h1m1 0h2m2 0h4m2 0h1m1 0h1m1 0h1m3 0h1m1 0h3m1 0h1m1 0h1m1 0h5m1 0h1m1 0h3m4 0h2m1 0h2m2 0h1m1 0h2m-56 1h3m2 0h3m1 0h2m1 0h2m4 0h1m4 0h1m2 0h2m1 0h3m1 0h1m4 0h1m2 0h3m5 0h1m1 0h1m-51 1h3m2 0h1m1 0h5m1 0h3m2 0h1m1 0h4m3 0h3m2 0h1m2 0h1m4 0h1m4 0h1m1 0h5m1 0h1m-53 1h1m1 0h2m4 0h5m2 0h3m3 0h1m6 0h1m2 0h2m6 0h1m5 0h1m1 0h1m1 0h5m-56 1h1m1 0h1m6 0h3m1 0h1m1 0h2m2 0h1m1 0h2m1 0h1m1 0h2m6 0h1m1 0h1m2 0h1m1 0h1m1 0h1m3 0h2m4 0h1m1 0h1m-57 1h3m2 0h3m1 0h1m1 0h1m3 0h2m1 0h1m2 0h3m2 0h3m2 0h1m1 0h1m3 0h2m1 0h5m1 0h3m1 0h1m2 0h3m-56 1h1m1 0h2m4 0h4m4 0h2m4 0h1m3 0h2m1 0h2m1 0h1m1 0h1m1 0h1m1 0h2m1 0h1m1 0h3m2 0h2m2 0h1m1 0h1m-55 1h1m3 0h1m1 0h1m2 0h4m1 0h3m1 0h3m1 0h4m5 0h3m1 0h2m1 0h2m8 0h1m1 0h1m1 0h5m-57 1h1m6 0h1m4 0h2m2 0h3m1 0h1m1 0h2m1 0h2m1 0h1m1 0h3m2 0h1m3 0h3m1 0h1m3 0h1m1 0h2m1 0h2m2 0h1m-57 1h1m3 0h1m1 0h1m2 0h7m2 0h2m1 0h1m3 0h1m1 0h2m5 0h2m3 0h7m1 0h1m1 0h2m2 0h1m2 0h1m-57 1h1m1 0h4m1 0h2m1 0h1m1 0h1m1 0h1m2 0h2m6 0h1m2 0h3m3 0h1m1 0h1m3 0h1m1 0h1m2 0h3m5 0h1m1 0h2m-56 1h4m1 0h2m3 0h1m2 0h1m2 0h1m4 0h3m6 0h3m1 0h1m1 0h1m3 0h6m1 0h2m2 0h1m1 0h3m-55 1h3m3 0h1m1 0h7m8 0h2m1 0h1m1 0h2m1 0h1m2 0h1m1 0h2m2 0h1m2 0h1m2 0h1m1 0h1m2 0h1m-52 1h1m3 0h1m3 0h1m1 0h1m1 0h1m1 0h2m1 0h1m1 0h2m1 0h1m1 0h4m1 0h2m1 0h1m2 0h1m1 0h1m1 0h5m2 0h2m2 0h1m-53 1h1m2 0h2m2 0h2m3 0h1m1 0h1m1 0h1m4 0h1m2 0h1m2 0h3m1 0h2m4 0h3m2 0h2m4 0h4m1 0h1m-53 1h1m2 0h3m3 0h1m1 0h1m3 0h2m1 0h1m1 0h4m1 0h1m1 0h1m1 0h1m2 0h2m1 0h2m1 0h2m1 0h3m1 0h2m1 0h1m1 0h6m-57 1h1m2 0h2m5 0h1m1 0h3m2 0h1m1 0h1m3 0h1m1 0h1m2 0h5m4 0h3m2 0h2m3 0h5m2 0h2m-56 1h2m1 0h7m1 0h5m1 0h2m5 0h1m1 0h5m1 0h1m3 0h1m2 0h1m1 0h2m4 0h8m-55 1h5m3 0h1m2 0h3m2 0h5m4 0h2m3 0h1m2 0h1m1 0h2m1 0h5m1 0h2m1 0h2m3 0h5m-57 1h3m1 0h1m1 0h1m1 0h1m2 0h3m3 0h1m2 0h1m2 0h4m1 0h1m1 0h1m1 0h2m1 0h1m1 0h1m1 0h1m1 0h1m1 0h6m1 0h1m1 0h1m-53 1h1m2 0h2m3 0h1m3 0h4m3 0h1m1 0h1m4 0h1m3 0h1m1 0h1m3 0h1m2 0h1m1 0h2m1 0h5m3 0h4m-56 1h1m3 0h7m3 0h1m2 0h1m1 0h1m2 0h3m1 0h5m1 0h2m4 0h4m3 0h2m1 0h6m1 0h2m-57 1h1m1 0h3m2 0h2m1 0h2m1 0h1m2 0h1m2 0h1m1 0h1m2 0h1m1 0h1m4 0h4m1 0h3m2 0h1m2 0h1m2 0h1m5 0h3m-56 1h1m2 0h1m2 0h4m1 0h2m1 0h2m1 0h1m2 0h2m1 0h2m1 0h2m1 0h5m2 0h1m1 0h1m1 0h2m1 0h1m4 0h1m2 0h1m1 0h1m-52 1h3m5 0h1m1 0h1m2 0h2m2 0h3m1 0h1m1 0h1m2 0h1m1 0h2m2 0h1m1 0h2m4 0h1m3 0h1m1 0h4m4 0h1m-57 1h2m2 0h3m2 0h1m1 0h1m3 0h1m4 0h3m1 0h2m2 0h1m1 0h1m1 0h4m4 0h2m6 0h1m2 0h2m1 0h3m-57 1h2m1 0h1m3 0h2m1 0h2m1 0h3m3 0h1m3 0h2m1 0h2m5 0h2m1 0h1m2 0h1m1 0h1m2 0h3m2 0h1m1 0h4m1 0h1m-57 1h1m2 0h1m1 0h2m2 0h2m1 0h3m1 0h1m2 0h1m4 0h3m1 0h1m1 0h3m1 0h3m1 0h4m1 0h3m2 0h3m1 0h1m-53 1h1m3 0h2m2 0h1m2 0h1m1 0h4m2 0h2m1 0h2m2 0h3m3 0h1m1 0h1m1 0h1m2 0h1m1 0h1m1 0h5m1 0h1m3 0h1m1 0h1m-56 1h3m1 0h4m1 0h2m1 0h1m2 0h1m4 0h1m1 0h2m2 0h1m2 0h1m3 0h3m1 0h1m1 0h1m2 0h4m1 0h2m-47 1h2m1 0h1m1 0h1m1 0h1m5 0h1m2 0h2m1 0h3m4 0h1m1 0h1m1 0h2m1 0h1m2 0h1m1 0h1m1 0h4m3 0h2m1 0h2m1 0h2m-55 1h2m2 0h3m2 0h1m3 0h3m2 0h1m1 0h1m3 0h5m2 0h5m2 0h3m2 0h5m1 0h2m1 0h1m-51 1h1m3 0h2m1 0h1m1 0h2m1 0h2m1 0h4m1 0h2m1 0h2m1 0h1m1 0h2m6 0h1m1 0h2m1 0h3m3 0h1m2 0h1m-55 1h1m4 0h2m1 0h1m2 0h5m2 0h4m1 0h2m1 0h2m3 0h3m1 0h2m1 0h1m3 0h5m3 0h3m1 0h1m-52 1h1m3 0h2m2 0h4m2 0h4m2 0h2m2 0h1m4 0h1m2 0h1m1 0h3m1 0h1m1 0h1m2 0h1m1 0h4m2 0h1m1 0h1m-55 1h1m1 0h1m1 0h1m1 0h2m1 0h2m2 0h4m1 0h1m1 0h1m1 0h1m3 0h1m1 0h2m4 0h1m1 0h2m5 0h2m4 0h6m-54 1h1m1 0h1m5 0h1m1 0h1m2 0h1m1 0h2m3 0h3m2 0h1m1 0h1m5 0h2m1 0h3m1 0h2m1 0h1m1 0h2m2 0h2m-54 1h1m1 0h1m2 0h3m1 0h2m1 0h1m7 0h2m1 0h6m2 0h4m4 0h1m2 0h1m2 0h2m1 0h2m1 0h1m-52 1h5m4 0h1m3 0h1m1 0h6m1 0h3m2 0h1m1 0h4m1 0h2m1 0h4m1 0h1m2 0h2m3 0h2m1 0h1m1 0h1m-50 1h1m1 0h2m1 0h2m2 0h1m1 0h4m1 0h10m4 0h2m1 0h2m1 0h1m5 0h8m-48 1h2m1 0h3m3 0h4m1 0h5m3 0h4m3 0h3m2 0h1m1 0h2m2 0h1m3 0h1m1 0h1m1 0h1m-57 1h7m2 0h1m2 0h1m6 0h3m1 0h2m1 0h1m1 0h1m1 0h5m1 0h1m2 0h1m1 0h8m1 0h1m1 0h4m-56 1h1m5 0h1m1 0h4m1 0h3m3 0h2m2 0h4m3 0h2m7 0h1m1 0h1m1 0h2m1 0h3m3 0h1m1 0h2m-56 1h1m1 0h3m1 0h1m2 0h3m1 0h2m2 0h1m5 0h2m1 0h5m1 0h2m2 0h1m10 0h8m-55 1h1m1 0h3m1 0h1m3 0h1m2 0h1m1 0h5m2 0h1m2 0h1m1 0h6m2 0h3m3 0h1m1 0h1m3 0h6m1 0h1m-55 1h1m1 0h3m1 0h1m2 0h2m1 0h1m2 0h1m1 0h2m3 0h2m3 0h4m2 0h1m2 0h4m1 0h4m1 0h5m1 0h1m1 0h3m-57 1h1m5 0h1m4 0h2m1 0h1m1 0h1m3 0h1m3 0h1m1 0h1m1 0h2m2 0h1m1 0h3m1 0h1m2 0h1m3 0h4m5 0h1m-55 1h7m3 0h1m4 0h3m2 0h1m3 0h1m1 0h1m4 0h1m2 0h3m3 0h1m2 0h4m1 0h1m2 0h5"/></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>
