火狐浏览器手势全屏

如何使用 javascript 触发表单验证的本机验证气泡/工具提示？

我有一个附加了 html5 验证必需等属性的表单有没有一种方法可以触发本机验证气泡工具提示的出现而无需模拟表单的提交按钮上的单击正如评论中所述您可以使用 reportValidity 方法这是广泛支持 https dev

等宽字体中的字体大小和字符宽度之间有什么依赖关系？

等宽字体中的字体大小和字符宽度之间有什么依赖关系在我的网络应用程序中我使用 courier new 字体我想知道字符串的实际长度以像素为单位是多少如果我知道CSS font size属性它如何帮助我知道字符串的实际长度谢谢

使用 jQuery 和 jQuery UI 运行任何 Jest 测试时出现问题

所以我有一个名为的开源库Angular Slickgrid https github com ghiscoding Angular Slickgrid还没有测试我正在尝试使用 Jest 但真的很难使用它该库是旧的 jQuery 数据网格

列表中允许 div 吗？ [复制]

这个问题在这里已经有答案了我知道DIV inside LI是不允许的但我最近在许多大网站上看到了它例如粉碎杂志网页设计师墙 etc 我尝试验证网站但它们有错误但没有任何信息DIV in LI 那么我可以在里面使用它吗LI 我

为什么连字符 (-) 分隔的类名在 CSS 中广泛使用 [关闭]

Closed 这个问题是基于意见的 help closed questions 目前不接受答案在浏览了一些网站和其他一些广泛使用的插件和框架中包含的一些 CSS 文件时发现它们广泛使用连字符分隔的单词作为类名实际上使用这样的类名有什么

图像仅在 iPhone x 上拉伸

我目前正在设计和构建一个 html 和 css 网站遇到了一个小问题我使用 chrome 开发工具检查了响应能力根据手机和平板电脑的大小调整窗口大小一切看起来都很好然而现在我在 iPhone X 上检查了该网站图像全部垂直拉伸

具有固定位置的平滑滚动标题

当我将位置更改为固定时如何创建平滑滚动我尝试添加动画但不起作用最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s

jQuery 日期选择器 - 时区问题

我们在网站上使用 jQuery 日期选择器来选择预订的日期和时间日历当前设置为太平洋标准时间当用户尝试从其他时区访问时这会导致错误我们是否应该将服务器设置为 UTC 并让应用程序根据用户的 IP 地址自动选择用户的时区我很好奇我们

使用什么事件来在选择文本框中的值时显示警报消息

我正在使用 jquery 的自动完成 api 来从数据库中获取名称但是我想在从显示的文本框中选择名称时显示一条警报消息我将显示一个图像以便更好地理解当我输入 S 时它将显示所有包含 S 的记录所以问题是如果我选择例如 Spars

如何在 jQuery 中使用 CSS“background-image”属性添加的图像上绑定单击事件

这是我的小提琴link http jsbin com otisur 1 edit 我想我的问题通过标题本身就很清楚了尽管如此我正在寻找一种绑定的方法click使用 css 添加的图像上的事件background image财产我知道

Angular - Safari 无法正确显示 DOM

我是 Angular 的新手使用 Angular 4 我尝试通过在关联的组件类文件中设置属性来更新特定元素但是除非我尝试强制重新绘制网页通过调整窗口大小等否则页面不会更新我打开检查器看到 DOM 已更改但显示与元素检查器中的

如何在缩放动画中保持原点位于图像中心？

我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画可以缩放绝对定位在另一个元素中心的元素但是当动画发生时它会偏离中心如示例中相对于蓝色的红色方块所示我如何将其居中

使用 jQuery 值更新 Angular 模型

您好我有一个附加在我的模型上的输入字段当用户手动输入该字段时会在更改时调用一个函数这工作正常并且模型按预期在控制台日志中反映

css：将div制作成圆角并在其3/4处添加边框

我有这样的代码 div class circle div and css circle border left 1px solid red border bottom 1px solid red border radius 200px wi

有一个带有复选框的 jsTree，如何禁用所有复选框？

我有一个动态构建的 jsTree 它允许用户选择他选择的任何节点现在我试图使这棵树只读以便其他用户可以看到信息而不改变它我找到的所有示例都是关于禁用特定节点我的问题是有没有办法将树上的所有复选框定义为只读正在使用的代码 jQue

如何使用 jQuery UI Sortable 正确相交？

这是我对 jQuery UI Sortable 进行动画处理的尝试 https codepen io anon pen YdMOXE https codepen io anon pen YdMOXE var startIndex chang

jQuery 1.6：backgroundPosition 与 backgroundPositionX 和 FF4 兼容性

在尝试升级 jQuery 插件 iCheckbox http stackoverflow com questions 6032538 以在 jQuery 1 4 4 之上工作时我发现使用 animate backgroundPositio

如何在 jQueryUI 工具提示中换行

新版本的 jQueryUI 1 9 附带了本机工具提示小部件经过测试如果内容标题属性的值很短它就可以正常工作但如果内容很长工具提示一旦显示就会与输入文本重叠有a demo http jqueryui com tooltip

快速响应的交互式图表/图形：SVG、Canvas 还是其他？

我正在尝试选择正确的技术来更新一个项目该项目基本上在可缩放可平移的图表中渲染数千个点当前使用 Protovis 的实现性能不佳在这里查看 http www planethunters org classify http www pl

使用标签重命名 HTML 文件 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我对编程比较陌生我有一个带有子文件夹的文件夹其中包含数千个 html 文件这些文件的通用名称为 1006 htm 1007 htm 我想使用文件中的标签对其进行重命名例如如果文件 1006 htm 包含 Page Title 我想 </div> </li> </ul> </div> <div class="col-lg-12"> <div class="card-header bg-white"> <h3 class="h6 font-weight-bold my-0"> 随机推荐 </h3> </div> <ul class="list-group list-group-flush"> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199398" class="d-block text-truncate" title='4到20ma模拟量转换公式_【工控】西门子S7-200学习笔记第三课模拟量的使用' aria-label='4到20ma模拟量转换公式_【工控】西门子S7-200学习笔记第三课模拟量的使用'> 4到20ma模拟量转换公式_【工控】西门子S7-200学习笔记第三课模拟量的使用 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 一 S7 200 模拟量使用简介 S7 200系列产品可以采集标准的电压电流模拟量信号和热电偶热电阻温度传感器信号普通的电压和电流信号经过A D转换成为0 32000 或者 32000 32000 之间的整数温度传感器信号被直接转换 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199399" class="d-block text-truncate" title='记一次golang cpu 占用100%' aria-label='记一次golang cpu 占用100%'> 记一次golang cpu 占用100% </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 最近重新部署了下测试服务器发现其负载达到了4 cpu 使用率达到了100 吓的瑟瑟发抖马上起来查看情况 1 想到了使用go性能查看工具 pprof 因为项目是用gin开发的所在直接安装了 github com gin contrib </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199400" class="d-block text-truncate" title='卷积神经网络基础' aria-label='卷积神经网络基础'> 卷积神经网络基础 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 一卷积本来想自己写一点发现了很不错的一篇博客就不班门弄斧了什么是卷积知乎一句话概括某一时刻某点的能量或值等于多个其他点的叠加二卷积神经网络基础 CNN的核心思想如果简单采用全连接的方式去训练模型参数量过多难以训 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199401" class="d-block text-truncate" title='游戏手机连接服务器没有响应时间,雷军：黑鲨游戏手机2响应时间58.9ms，超iPhone...' aria-label='游戏手机连接服务器没有响应时间,雷军：黑鲨游戏手机2响应时间58.9ms，超iPhone...'> 游戏手机连接服务器没有响应时间,雷军：黑鲨游戏手机2响应时间58.9ms，超iPhone... </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> IT之家3月18日消息今天黑鲨推出新款黑鲨游戏手机2 这款手机起售价为3199元共有暗影黑和冰封银两种颜色可选对于这款刚发布的新机型雷军大赞操控之王雷军表示手起枪响在高速摄像机镜头下 iPhone响应时间为80ms 黑鲨2 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199402" class="d-block text-truncate" title='为什么选用 Scala' aria-label='为什么选用 Scala'> 为什么选用 Scala </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 为什么选用 Scala 当今的企业和互联网应用程序必须平衡一系列的要点它们要有快速而可靠的实现新的功能要能在短时间内通过周期渐进的方式加入除了简单地提供商务逻辑之外应用程序必须支持访问安全控制数据持久化事务和其它的进阶功能程 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199403" class="d-block text-truncate" title='nginx配置websocket反向代理' aria-label='nginx配置websocket反向代理'> nginx配置websocket反向代理 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 设置 nginx增强理解 nginx增加下面的配置 location ver proxy http version 1 1 proxy set header Upgrade http upgrade proxy set header Con </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199404" class="d-block text-truncate" title='APP外包开发第三方登录' aria-label='APP外包开发第三方登录'> APP外包开发第三方登录 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> APP开发过程中往往需要对接第三方的登录国内的有微信 QQ 微博等国外的有google facebook等账号对接第三方账号登录SDK可以方便用户快捷登录是APP登录功能里一项重要的特性今天和大家分享对接流程和注意事项希望对大家 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199405" class="d-block text-truncate" title='Git团队协作及分支策略' aria-label='Git团队协作及分支策略'> Git团队协作及分支策略 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 目录分布式版本控制系统访问模型分支策略 Git flow 分支策略 Github flow 分支策略 Gitlab flow 主干开发模式总结分布式版本控制系统分布式相比于集中式的最大区别在于开发者可以提交到本地每个开发者通过 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199406" class="d-block text-truncate" title='删除链表的中间节点 Java实现_【链表问题】删除单链表的中间节点' aria-label='删除链表的中间节点 Java实现_【链表问题】删除单链表的中间节点'> 删除链表的中间节点 Java实现_【链表问题】删除单链表的中间节点 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 前言以专题的形式更新刷题贴欢迎跟我一起学习刷题相信我你的坚持绝对会有意想不到的收获每道题会提供简单的解答如果你有更优雅的做法欢迎提供指点谢谢题目描述给定链表的头节点head 实现删除链表的中间节点的函数例如步删除任 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199407" class="d-block text-truncate" title='IDEA中单元测试@Test的设置' aria-label='IDEA中单元测试@Test的设置'> IDEA中单元测试@Test的设置 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 1 打开IDEA File gt Project Structure 2 点到Modules gt Dependencies 点击 3 点击第一个 4 找到你安装IDEA的路径 4 找到这两个jar包 5 点击OK 6 测试 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199408" class="d-block text-truncate" title='vscode使用Ctrl+s保存按Eslint风格自动格式化js/vue/React代码（2020/03/04更新）' aria-label='vscode使用Ctrl+s保存按Eslint风格自动格式化js/vue/React代码（2020/03/04更新）'> vscode使用Ctrl+s保存按Eslint风格自动格式化js/vue/React代码（2020/03/04更新） </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 一使用vscode下载两个插件 1 ESlint 项目中没有装eslint 就不用装这个插件了 2 vetur 另多余的格式化插件一定要删掉二改配置打开设置如下覆盖原来的代码有注释可根据个人喜好修改不要总是把代码复制过去看 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199409" class="d-block text-truncate" title='Python----global和nolocal关键字的用法' aria-label='Python----global和nolocal关键字的用法'> Python----global和nolocal关键字的用法 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 原文链接 1 global的作用 global的作用就是将变量声明为全局变量这个问题在面试中非常常见经常会有面试官问如下代码打印结果是啥 var 10 def func var var 20 print inner var print </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199410" class="d-block text-truncate" title='转帖：Bash实现“多线程”的例子' aria-label='转帖：Bash实现“多线程”的例子'> 转帖：Bash实现“多线程”的例子 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 以下文章转自 http hi baidu com wwy1640 blog item a74d8c50a272b86384352443 html Bash实现多线程的例子 2007 04 25 22 59 bin bash 2006 7 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199411" class="d-block text-truncate" title='Python时间处理' aria-label='Python时间处理'> Python时间处理 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 在这里想做一个初学者的教程会不断的更新下去把学到的有关Python时间处理的内容总结起来初学者笔记最重要的有两点一个是要简洁不要长篇大论把要点讲明白就行第二个是要符合二八原则尽量抓住关键的东西不要过分的追求大而全优先掌握 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199412" class="d-block text-truncate" title='微信小程序的默认目录结构&微信小程序中封装request请求' aria-label='微信小程序的默认目录结构&微信小程序中封装request请求'> 微信小程序的默认目录结构&微信小程序中封装request请求 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 默认目录结构 pages wxml 编写小程序界面结构的地方 wxss 编写小程序样式的地方 json 编写界面配置的地方 js 编写界面逻辑的地方 utils 编写工具类的地方 app js 创建程序实例的位置 app json 编写全局 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199413" class="d-block text-truncate" title='Predicate接口' aria-label='Predicate接口'> Predicate接口 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> package cn dali5 code05 import java util function Predicate Predicate </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199414" class="d-block text-truncate" title='Tesseract编译及使用（windows vs 2017）' aria-label='Tesseract编译及使用（windows vs 2017）'> Tesseract编译及使用（windows vs 2017） </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> Tesseract编译及使用尊重他人的劳动转载请标注资源准备 Vs2010或者更高版本本教程使用vs2017 Tesseract源码 Git下载或者直接从我的下载资源下载 Git主页地址https github com tesse </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199415" class="d-block text-truncate" title='VMware Workstation player 安装CentOS实践' aria-label='VMware Workstation player 安装CentOS实践'> VMware Workstation player 安装CentOS实践 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 2019独角兽企业重金招聘Python工程师标准 gt gt gt 本文实践在windows系统的VMware Workstation player上安装CentOS 7系统并对新安装的CentOS 最小化安装系统做一些基本的配置一 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199416" class="d-block text-truncate" title='配置JAVA_HOME' aria-label='配置JAVA_HOME'> 配置JAVA_HOME </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 配置JAVA HOME 1 新建系统环境变量JAVA HOME变量值为C Program Files Java jdk 12 0 1 2 编辑Path添加 JAVA HOME bin 3 新建系统环境变量CLASSPATH 变量值为 Jav </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/199417" class="d-block text-truncate" title='火狐浏览器手势全屏' aria-label='火狐浏览器手势全屏'> 火狐浏览器手势全屏 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 先下载一个扩展Gesturefy 管理扩展添加手势 </div> </li> </ul> </div> <div class="card border-0 rounded shadow-sm mb-3"> <div class="card-header border-0 rounded-top bg-white"> <h3 class="h6 font-weight-400 my-0"> 热门标签 </h3> </div> <ul class="list-unstyled right-font d-flex flex-wrap bg-white px-3 py-2 m-0"> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148783" class="d-block text-truncate right-font"> headeronly </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148782" class="d-block text-truncate right-font"> inclusion </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148779" class="d-block text-truncate right-font"> spritekit </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148776" class="d-block text-truncate right-font"> solrj </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148771" class="d-block text-truncate right-font"> pdfsharp </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148770" class="d-block text-truncate right-font"> cocoatouch </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148767" class="d-block text-truncate right-font"> cocoongem </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148766" class="d-block text-truncate right-font"> capybara </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148765" class="d-block text-truncate right-font"> rspec </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148764" class="d-block text-truncate right-font"> plotmath </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148761" class="d-block text-truncate right-font"> java15 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148760" class="d-block text-truncate right-font"> nodegithub </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148759" class="d-block text-truncate right-font"> githubapi </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/148756" class="d-block text-truncate right-font"> visualc </a> </h4> </li> </ul> </div> </div> </div> </div> <footer class="text-muted small bg-dark py-4 mt-3" id="footer"> <div class="container"> <div class="row"> <div class="col"> Powered by Hwhale  </div> </div> </div> </footer>  <script src="/lang/zh-cn/lang.js?13"></script> <script src="/view/js/jquery.min.js?13"></script> <script src="/view/js/popper.min.js?13"></script> <script src="/view/js/bootstrap.min.js?13"></script> <script src="/view/js/copyxn.js?13"></script> <script src="/view/js/bootstrap-plugin.js?13"></script> <script src="/view/js/async.min.js?13"></script> <script src="/view/js/form.js?13"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?346221f3ab3bcc7f46ef28d352ee78b9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var host = window.location.host; if (host =="www.hwhale.com"){ (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); } </script> <script> var debug = DEBUG = 0; var url_rewrite_on = 3; var url_path = '/'; var fid = 16; var uid = 0; var gid = 0; xn.options.water_image_url = '/view/img/water-small.png'; /水印图片 / watermark image/ </script> <script src="/view/js/hwhale.js?13"></script>   <a class="scroll-to-top rounded" href="javascript:void(0);"> <i class="icon-angle-up"></i> </a>  <a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"> <i class="icon-angle-down"></i> </a> </body> </html> <link href="/view/css/vs2015.css" rel="stylesheet"> <script src="/view/js/highlight.pack.js"></script> <script src="/view/js/highlightjs-badge.min.js"></script> <script> // $("code").wrapInner(document.createElement("pre")); if( $("[allenmark_388]").attr('allenmark_388')>0){ $("#ref_question").html(' 网友还发现一个类似的问题请参阅：https://stackoverflow.com/questions/'+$("[allenmark_388]").attr('allenmark_388')+'/'); } var originalElements = document.querySelectorAll('span[fhref]'); originalElements.forEach(function(originalElement) { var originalInnerText = originalElement.innerText; var originalHref = originalElement.getAttribute('fhref'); var newElement = document.createElement('span'); var newText = document.createTextNode(originalInnerText + ' ' + originalHref); newElement.appendChild(newText); originalElement.parentNode.replaceChild(newElement, originalElement); }); setTimeout(function () { var pres = document.querySelectorAll("pre>code"); for (var i = 0; i < pres.length; i++) { hljs.highlightBlock(pres[i]); } var options = { contentSelector: ".message", // Delay in ms used for `setTimeout` before badging is applied // Use if you need to time highlighting and badge application // since the badges need to be applied afterwards. // 0 - direct execution (ie. you handle timing loadDelay:0, // CSS class(es) used to render the copy icon. copyIconClass: "icon-copy", // CSS class(es) used to render the done icon. checkIconClass: "icon-heart", // hook to allow modifying the text before it's pasted onBeforeTextCopied: function(text, codeElement) { return text; // you can fix up the text here } }; window.highlightJsBadge(options); },10); </script> <style> p pre{ display: inline!important; } li pre{ display: inline!important; } "@media print { .code-badge { display: none; } } .code-badge-pre { position: relative; } .code-badge { display: flex; flex-direction: row; white-space: normal; background: transparent; background: #333; color: white; font-size: 0.8em; opacity: 0.5; border-radius: 0 0 0 7px; padding: 5px 8px 5px 8px; position: absolute; right: 0; top: 0; } .code-badge.active { opacity: 0.8; } .code-badge:hover { opacity: .95; } .code-badge a, .code-badge a:hover { text-decoration: none; } .code-badge-language { margin-right: 10px; font-weight: 600; color: goldenrod; display: none; } .code-badge-copy-icon { font-size: 1.2em; cursor: pointer; padding: 0 7px; margin-top:2; } .fa.text-success:{ color: limegreen !important} </style> <script> var forum_url = '/list/16'; var safe_token = 'VIfFMSXfONWY5mxI8NxP7S4ImO54O6YPqtf2xNmdpK_2BPSp_2BkVZVOOrPfI5jMckaak_2B1qEEAQlI8M3EIorw1UZg_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); /缩放图片，适应屏幕大小/ function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); /* 815 : 746; 734 746/ jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } /var percent = xn.min(100, xn.ceil((img_width / jmessage_width) * 100));/ if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { /window.open(jimg.attr('src'));/ }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) jimg.width(); jimg.height(height); } } }); }); } /对于超宽的表格，加上响应式/ function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); /输入框自动伸缩/ var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-16"]').addClass('active'); </script>

火狐浏览器手势全屏

火狐浏览器手势全屏 的相关文章

火狐浏览器手势全屏的相关文章