Textarea标签事件属性（textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性）

： 2024-02-24 23:30:03 ：31

textarea标签事件属性（textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性）

各位老铁们，大家好，今天由我来为大家分享textarea标签事件属性，以及textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

本文目录

textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性
html标签中的</a></li><li><a href="#soogor2">怎么用jquery 限制textarea 的maxlength属性</a></li><li><a href="#soogor3">jsp中textarea标签没有禁用,但是偶尔会输入不了是为什么</a></li><li><a href="#soogor4">关于<textarea>标签</a></li></ul><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor0" name="soogor0">textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性</a></h2><p><ul style="list-style-type: decimal;"><li><p>设置resize：vertical属性</p></li><li><p>resize:none | both | horizontal | vertical;禁止调整 | 可调宽高 | 可调宽 | 可调高</p></li></ul></p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor1" name="soogor1">html标签中的<textarea></a></h2><p>是指输入的字符数超过textarea的原定宽度，用warp可以用来设定textarea中的文字如何换行，这个属性值有以下几个： off 停用单词换行 hard(physical) 启用单词换行 soft(virtual) 启用单词换行，但不传送用户输入的换行符 DW中的default是缺省值off</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor2" name="soogor2">怎么用jquery 限制textarea 的maxlength属性</a></h2><p>利用jquery 限制textarea 的maxlength属性的方法：整体思路：在html标签中设置maxlength，然后检测用户输入，如果大于这个长度，做劫位限制。实现代码如下：//当页面加载完成后进入ready函数$(document).ready(function() {定义文本域的keyup事件函数$(’textarea’).keyup(function(){//获取设置的最大文本的值var limit = parseInt($(this).attr(’maxlength’));//或者当前输入的文本值var text = $(this).val();//统计当前输入的文本的长度var chars = text.length;//判断是否超过限制的长度if(chars 》 limit){//如果超过限制的最大长度，则只取从第一位到最大长度的值var new_text = text.substr(0, limit);//更新获取的new_text的值到当前文本域$(this).val(new_text);}});});</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor3" name="soogor3">jsp中textarea标签没有禁用,但是偶尔会输入不了是为什么</a></h2><p>在HTML中有2个属性是控制textarea是否可输入disabled 属性该属性规定禁用文本区。被禁用的文本区既不可用，也不可点击；readonly属性该规定文本区为只读。在只读的文本区中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容；上面2个属性有个最大的区别，在提交表单时， disabled 属性的控件不会被提交，readonly属性的控件会被提交。因此，如果仅仅用于禁止输入（只读，但有用），使用readonly属性《textarea readonly="readonly"》《/textarea》如果是禁止（无用，貌似只读），使用disabled 属性《textarea disabled="disabled"》《/textarea》在实际的一般很少存在禁止disabled情形，而只读readonly较多</p><h2 style="font-size: 110%;font-weight: bold;"><a id="soogor4" name="soogor4">关于<textarea>标签</a></h2><p>class是风格样式，表示当前的文本区域用的是smallarea这个样式，风格的定制在《style》《/style》里</p><div>textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性、textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性的信息别忘了在本站进行查找哦。</div> </div> <p class="text-center"><img src="/static/images/bgimages/0049.jpg" alt="textarea标签事件属性（textarea标签只能上下调节尺寸,宽度固定，要设置哪些css属性）" 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/4437.html">textarea标签事件属性</a> ，<a href="/tag/4438.html">a标签</a> </div> <div class="contentfoot"> <div class="mt-3">上一篇：<a href="/bc/4623.html">世界上最难的游戏（世界上最难的游戏是什么）</a></div> <div class="mt-3">下一篇：<a href="/bc/4625.html">unsigned char打印用%什么（unsigned char 类型用fprintf该用%什么）</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="/jjit/69815.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0091.jpg" alt="索尼爱立信z610i上市（索尼爱立信Z610i的介绍）" 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">索尼爱立信z610i上市（索尼爱立信Z610i的介绍）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-24 08:10:22</div> </div> </div> </a> <a href="/jjit/69814.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0004.jpg" alt="华为麒麟980跑分（为什么华为麒麟980跑分远低于骁龙855官方的解释让人无语！）" 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">华为麒麟980跑分（为什么华为麒麟980跑分远低于骁龙855</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-24 08:01:06</div> </div> </div> </a> <a href="/bjbdn/34003.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0002.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-24 07:50:19</div> </div> </div> </a> <a href="/bjbdn/34002.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0059.jpg" alt="thinkpadx250驱动（联想ThinkpadX250需要装什么驱动才能打开F1-F12上面的快捷键）" 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">thinkpadx250驱动（联想ThinkpadX250需</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-24 07:40:25</div> </div> </div> </a> <a href="/bjbdn/34001.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0034.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-24 07:30:12</div> </div> </div> </a> <a href="/bjbdn/34000.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0026.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-24 07:20:38</div> </div> </div> </a> <a href="/jjit/69813.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0066.jpg" alt="psp3000多少钱一台2020（psp3000刚上市价格）" 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">psp3000多少钱一台2020（psp3000刚上市价格）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-24 07:10:57</div> </div> </div> </a> <a href="/rjfx/54549.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0066.jpg" alt="人工学园攻略（人工学园2中的3个问题）" 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中的3个问题）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-24 07:00:58</div> </div> </div> </a> <a href="/jjit/69812.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0049.jpg" alt="g2000什么档次的衣服（g2ooo衣服是什么档次）" 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">g2000什么档次的衣服（g2ooo衣服是什么档次）</div> <div class="text-secondary mt-auto" style="font-size: 70%">2024-09-24 06:50:38</div> </div> </div> </a> <a href="/jjit/69811.html"> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <img src="/static/images/nopic/0010.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-24 06:41:03</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/30042.html" class="btn-group me-3 btn-group-sm" title="1篇和戴尔i511320h价格相关的内容"> <span class="btn btn-outline-secondary">戴尔i511320h价格</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/34948.html" class="btn-group me-3 btn-group-sm" title="1篇和华硕x88v设置u盘启动相关的内容"> <span class="btn btn-outline-secondary">华硕x88v设置u盘启动</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/31526.html" class="btn-group me-3 btn-group-sm" title="1篇和苹果笔记本2013款相关的内容"> <span class="btn btn-outline-secondary">苹果笔记本2013款</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/66601.html" class="btn-group me-3 btn-group-sm" title="1篇和512mb相关的内容"> <span class="btn btn-outline-secondary">512mb</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/36880.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/33918.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/64136.html" class="btn-group me-3 btn-group-sm" title="1篇和lephone牌子的手机怎么刷机相关的内容"> <span class="btn btn-outline-secondary">lephone牌子的手机怎么刷机</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/60776.html" class="btn-group me-3 btn-group-sm" title="1篇和华为荣耀v10频繁死机重启相关的内容"> <span class="btn btn-outline-secondary">华为荣耀v10频繁死机重启</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/25259.html" class="btn-group me-3 btn-group-sm" title="1篇和r61笔记本拆机视频相关的内容"> <span class="btn btn-outline-secondary">r61笔记本拆机视频</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/1081.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/64614.html" class="btn-group me-3 btn-group-sm" title="1篇和联想黄金斗士a8配置相关的内容"> <span class="btn btn-outline-secondary">联想黄金斗士a8配置</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/17361.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/34522.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/78867.html" class="btn-group me-3 btn-group-sm" title="1篇和白平衡色温与k对照表相关的内容"> <span class="btn btn-outline-secondary">白平衡色温与k对照表</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/43770.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/23789.html" class="btn-group me-3 btn-group-sm" title="1篇和dell1420电源键无法启动相关的内容"> <span class="btn btn-outline-secondary">dell1420电源键无法启动</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/62854.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/15253.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/1154.html" class="btn-group me-3 btn-group-sm" title="1篇和netstat ntpl相关的内容"> <span class="btn btn-outline-secondary">netstat ntpl</span> <span class="btn btn-secondary">1</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/68101.html" class="btn-group me-3 btn-group-sm" title="1篇和iphone4数据线相关的内容"> <span class="btn btn-outline-secondary">iphone4数据线</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 0h3m1 0h5m8 0h2m2 0h1m7 0h2m1 0h3m2 0h3m2 0h7m-57 1h1m5 0h1m2 0h2m1 0h4m1 0h5m9 0h1m1 0h2m2 0h1m7 0h1m1 0h1m2 0h1m5 0h1m-57 1h1m1 0h3m1 0h1m1 0h2m1 0h1m1 0h1m3 0h1m1 0h1m1 0h3m1 0h3m3 0h1m1 0h1m1 0h1m1 0h3m2 0h6m2 0h1m1 0h3m1 0h1m-57 1h1m1 0h3m1 0h1m2 0h2m1 0h1m1 0h1m2 0h1m2 0h2m2 0h2m1 0h1m1 0h2m4 0h1m3 0h1m1 0h4m2 0h1m2 0h1m1 0h3m1 0h1m-57 1h1m1 0h3m1 0h1m1 0h2m1 0h2m1 0h1m2 0h1m2 0h3m2 0h8m2 0h1m1 0h4m1 0h4m1 0h1m2 0h1m1 0h3m1 0h1m-57 1h1m5 0h1m2 0h3m3 0h1m1 0h1m4 0h5m3 0h1m1 0h3m4 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 0h5m1 0h1m3 0h2m2 0h1m1 0h4m1 0h1m6 0h1m-44 1h2m4 0h3m1 0h4m3 0h2m1 0h8m2 0h2m1 0h2m3 0h2m3 0h1m1 0h1m1 0h1m1 0h1m1 0h1m-56 1h1m1 0h2m2 0h4m2 0h1m1 0h1m1 0h1m3 0h1m1 0h5m1 0h1m1 0h3m1 0h1m1 0h1m1 0h3m4 0h2m1 0h2m2 0h1m1 0h2m-56 1h3m2 0h6m1 0h2m2 0h3m4 0h5m1 0h1m1 0h2m5 0h1m2 0h3m5 0h1m1 0h1m-51 1h3m2 0h1m3 0h3m1 0h3m2 0h1m1 0h4m3 0h3m2 0h1m2 0h1m4 0h1m4 0h1m1 0h5m1 0h1m-53 1h1m1 0h2m3 0h6m1 0h1m1 0h2m3 0h1m6 0h1m3 0h1m6 0h1m5 0h1m1 0h1m1 0h5m-56 1h1m1 0h1m6 0h3m1 0h1m1 0h1m1 0h1m1 0h1m1 0h2m1 0h1m1 0h2m5 0h2m1 0h1m2 0h1m1 0h1m1 0h1m3 0h2m4 0h1m1 0h1m-57 1h3m2 0h3m3 0h1m3 0h3m3 0h3m2 0h3m2 0h1m1 0h1m3 0h2m1 0h5m1 0h3m1 0h1m2 0h3m-56 1h1m1 0h2m4 0h2m1 0h1m4 0h1m1 0h1m3 0h1m3 0h2m1 0h2m1 0h1m1 0h1m1 0h1m1 0h2m1 0h1m1 0h3m2 0h2m2 0h1m1 0h1m-55 1h1m3 0h1m1 0h1m2 0h2m3 0h3m1 0h2m2 0h4m5 0h3m1 0h2m1 0h2m8 0h1m1 0h1m1 0h5m-57 1h1m6 0h1m2 0h4m2 0h1m5 0h2m1 0h2m1 0h1m1 0h3m2 0h1m4 0h2m1 0h1m3 0h1m1 0h2m1 0h2m2 0h1m-57 1h2m2 0h1m1 0h1m2 0h2m2 0h3m2 0h2m1 0h1m3 0h1m1 0h2m5 0h2m4 0h6m1 0h1m1 0h2m2 0h1m2 0h1m-55 1h4m4 0h1m3 0h1m2 0h3m5 0h1m2 0h3m3 0h2m4 0h1m1 0h1m2 0h3m5 0h1m1 0h2m-55 1h3m1 0h1m1 0h1m2 0h2m1 0h1m2 0h1m1 0h2m1 0h3m6 0h3m3 0h1m3 0h6m1 0h2m2 0h1m1 0h3m-56 1h4m2 0h2m1 0h1m2 0h4m8 0h2m1 0h1m1 0h2m1 0h1m4 0h2m2 0h1m2 0h1m2 0h1m1 0h1m2 0h1m-52 1h1m3 0h3m1 0h2m2 0h1m1 0h2m2 0h3m1 0h1m1 0h4m1 0h2m1 0h4m1 0h1m1 0h5m2 0h2m2 0h1m-52 1h1m1 0h2m2 0h1m3 0h2m1 0h1m1 0h1m2 0h3m2 0h1m2 0h3m1 0h2m4 0h3m2 0h2m4 0h4m1 0h1m-54 1h2m1 0h1m2 0h2m2 0h1m1 0h1m3 0h2m1 0h1m1 0h4m1 0h1m1 0h1m1 0h1m2 0h2m2 0h1m1 0h2m1 0h3m1 0h2m1 0h1m1 0h6m-57 1h4m4 0h1m1 0h1m1 0h3m2 0h1m1 0h1m3 0h1m1 0h1m2 0h5m4 0h3m2 0h2m3 0h5m2 0h2m-56 1h2m1 0h7m1 0h3m1 0h1m1 0h2m5 0h1m1 0h5m1 0h1m6 0h1m1 0h2m4 0h8m-55 1h2m2 0h1m3 0h1m2 0h2m1 0h1m1 0h5m1 0h1m2 0h2m3 0h1m2 0h1m1 0h2m1 0h5m1 0h2m1 0h2m3 0h5m-57 1h2m2 0h1m1 0h1m1 0h1m2 0h3m3 0h1m2 0h7m1 0h1m1 0h1m1 0h2m1 0h1m1 0h1m1 0h1m1 0h1m1 0h6m1 0h1m1 0h1m-53 1h1m3 0h1m3 0h1m3 0h2m1 0h1m3 0h1m1 0h1m4 0h1m3 0h1m1 0h1m3 0h1m2 0h1m1 0h2m1 0h5m3 0h4m-56 1h1m1 0h1m1 0h7m3 0h1m2 0h1m1 0h1m3 0h2m1 0h5m1 0h2m4 0h4m3 0h2m1 0h6m1 0h2m-57 1h1m1 0h1m1 0h2m2 0h1m1 0h2m2 0h1m1 0h1m2 0h1m4 0h1m1 0h1m4 0h4m1 0h3m2 0h1m2 0h1m2 0h1m5 0h3m-56 1h1m2 0h1m2 0h4m1 0h2m2 0h1m1 0h1m2 0h2m1 0h1m2 0h1m1 0h1m1 0h4m2 0h1m1 0h1m1 0h2m1 0h1m4 0h1m2 0h1m1 0h1m-52 1h3m5 0h1m1 0h1m2 0h1m3 0h4m1 0h2m2 0h1m1 0h2m2 0h1m1 0h2m4 0h1m3 0h1m1 0h4m4 0h1m-57 1h2m4 0h1m2 0h1m1 0h1m4 0h1m3 0h6m2 0h1m3 0h4m4 0h2m6 0h1m2 0h2m1 0h3m-57 1h2m1 0h2m2 0h2m1 0h2m1 0h3m3 0h1m3 0h1m2 0h1m4 0h1m1 0h2m1 0h1m2 0h1m1 0h1m2 0h3m2 0h1m1 0h4m1 0h1m-57 1h1m2 0h1m1 0h2m2 0h2m1 0h4m3 0h1m3 0h4m1 0h4m2 0h3m1 0h4m1 0h3m2 0h3m1 0h1m-53 1h1m3 0h2m2 0h1m2 0h1m1 0h4m2 0h2m1 0h1m1 0h1m1 0h3m1 0h1m1 0h1m1 0h1m1 0h1m2 0h1m1 0h1m1 0h5m1 0h1m3 0h1m1 0h1m-56 1h3m1 0h4m1 0h2m1 0h1m2 0h2m3 0h1m1 0h1m1 0h1m1 0h1m1 0h2m3 0h3m1 0h1m1 0h1m2 0h4m1 0h2m-47 1h2m1 0h1m1 0h1m1 0h1m6 0h1m1 0h2m1 0h3m3 0h1m1 0h1m1 0h1m3 0h1m2 0h1m1 0h1m1 0h4m3 0h2m1 0h2m1 0h2m-55 1h2m2 0h3m2 0h1m3 0h3m2 0h1m1 0h1m4 0h4m2 0h1m1 0h3m2 0h3m2 0h5m1 0h2m1 0h1m-51 1h1m3 0h2m1 0h1m1 0h2m1 0h2m1 0h4m1 0h2m1 0h2m1 0h1m2 0h1m6 0h1m1 0h2m1 0h3m3 0h1m2 0h1m-55 1h1m4 0h2m1 0h8m1 0h1m1 0h3m1 0h5m3 0h2m1 0h3m1 0h1m3 0h5m3 0h3m1 0h1m-52 1h1m3 0h8m3 0h3m2 0h5m4 0h2m1 0h1m1 0h3m1 0h1m1 0h1m2 0h1m1 0h4m2 0h1m1 0h1m-55 1h1m1 0h1m1 0h1m1 0h1m1 0h3m2 0h3m2 0h1m1 0h1m1 0h1m3 0h1m1 0h2m1 0h2m1 0h1m1 0h2m5 0h2m4 0h6m-54 1h1m1 0h1m3 0h3m1 0h1m2 0h2m1 0h1m3 0h4m1 0h1m1 0h1m3 0h1m1 0h2m1 0h3m1 0h2m1 0h1m1 0h2m2 0h2m-54 1h1m1 0h1m2 0h3m1 0h2m1 0h1m5 0h1m1 0h2m1 0h6m2 0h2m6 0h1m2 0h1m2 0h2m1 0h2m1 0h1m-52 1h5m4 0h2m2 0h1m1 0h3m1 0h2m1 0h3m1 0h2m1 0h4m1 0h2m1 0h4m1 0h1m2 0h2m3 0h2m1 0h1m-48 1h1m1 0h3m1 0h1m2 0h1m3 0h2m1 0h10m4 0h2m1 0h2m1 0h1m5 0h7m1 0h1m-49 1h3m2 0h1m4 0h2m2 0h5m3 0h4m3 0h2m3 0h1m1 0h2m2 0h1m3 0h1m1 0h1m1 0h1m-57 1h7m2 0h1m1 0h1m7 0h1m1 0h1m1 0h2m1 0h1m1 0h1m1 0h5m1 0h1m4 0h8m1 0h1m1 0h4m-56 1h1m5 0h1m1 0h4m1 0h3m7 0h4m3 0h2m3 0h2m2 0h1m1 0h1m1 0h2m1 0h3m3 0h1m1 0h2m-56 1h1m1 0h3m1 0h1m2 0h2m1 0h3m2 0h1m2 0h1m2 0h2m1 0h5m1 0h2m1 0h1m11 0h8m-55 1h1m1 0h3m1 0h1m3 0h4m1 0h6m1 0h1m2 0h1m1 0h6m3 0h2m3 0h1m1 0h1m3 0h6m1 0h1m-55 1h1m1 0h3m1 0h1m2 0h4m2 0h1m1 0h2m3 0h2m3 0h4m2 0h1m2 0h4m1 0h4m1 0h5m1 0h1m1 0h3m-57 1h1m5 0h1m7 0h1m1 0h1m2 0h1m4 0h1m1 0h1m1 0h2m2 0h1m1 0h1m6 0h1m3 0h4m5 0h1m-55 1h7m3 0h1m4 0h3m2 0h1m3 0h1m1 0h1m4 0h1m2 0h2m4 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>