js弹出页面插件 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

插件集--页面滚动scrollreveal.js

scrollReveal.js 不依赖其他任何文件。...不支持 IE10 以下基本方法 1、引入文件 js/scrollReveal.js"> 2、HTML dowebok.com...说明: 动画延迟时间值: 数字，以秒为单位填充（可选）可以在 data-scroll-reveal 属性里填充（添加）一些类似编程的“语句”，使其更有可读性，scrollReveal.js...data-scroll-reveal="enter left, move 40px, over 2s, wait 0.3s">I love you 高级用法自定义默认值可以更改 scrollReveal.js

5K4 0

springboot+security 使用layui弹出层弹出jsp页面

一、坑的描述踩坑原因：因为使用layui需要弹出一个页面，后台权限使用的是security，弹出层需要请求后台返回逻辑视图名。...当我点击完之后返回页面一片空白，打开控制台，显示请求路径为404，异常如下： ? 打开控制台可以看到一下错误信息： ?...二、解决问题这是因为security不允许使用嵌套页面，即使本地访问依然不允许，我们需要在security配置类中加如下代码结局问题。...public void configure(HttpSecurity http) throws Exception { //释放静态资源，指定资源拦截规则， // 指定自定义认证页面....disable()//关闭csrf（跨域伪造请求） .headers()//请求头设置 .frameOptions()//允许嵌套页面

2.9K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

Bootstrap 弹出框（Popover）插件

如果您想要单独引用该插件的功能，那么您需要引用 popover.js，它依赖于工具提示（Tooltip）插件。...或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。...（popover）： $('#identifier').popover(options) 弹出框（Popover）插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。...使用下面的脚本来启用页面中的所有的弹出框（popover）： $(function () { $("[data-toggle='popover']").popover(); }); 实例下面的实例演示了通过...data 属性使用弹出框（Popover）插件的用法。

6201 0

页面弹出层组件layer的用法

一:页面引入和核心js文件 layer.js js的路径"> 二：基础参数：基本层类型类型：Number，默认：0 layer提供了5...可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。...弹出动画类型：Number，默认：0 我们的出场动画全部采用CSS3。这意味着除了ie6-9，其它所有浏览器都是支持的。...需要显示配置maxmin: true即可层弹出后的成功回调方法类型：Function，默认：null 当你需要在层创建完毕时即执行一些语句，可以通过该回调。...当你在页面一打开就要执行弹层时，你最好是将弹层放入ready方法中，如： /页面一打开就执行弹层 layer.ready(function(){ layer.msg('很高兴一开场就见到你'); });

5.2K2 0

页面滚动，元素跳动；附带jquery.scrollex.js插件

有些动画是页面一加载就要的，还有一些动画是需要页面滚动到那个元素才要展示的。本文以模板之家的 “全屏Story日记本个人主页自适应模板”为例，解析这两种动画实现的方式之一。...当滚动到该元素时，去掉class:is-inactive 而监听滚动事件和判断是否去掉class:is-inactive 使用的是jquery.scrollwx.js插件二、使用方法要使用这个...jQuery插件，需要在页面中引入jquery(1.11+)和jquery.scrollex.js文件。..." src="js/jquery.scrollex.js"> 调用插件在页面DOM元素加载完毕之后，你可以通过scrollex()方法来初始化插件。...$(this).css('background-color', ''); } });}); 事件 jquery.scrollex.js插件支持以下一些事件。

7.7K1 1

GitBook - 插件安装 - 弹出查看大图

popup 一个简单的 Gitbook 插件，在新窗口打开图片 { "plugins": [ "popup" ] } 安装插件设置book.json配置文件如下： { "plugins...; aleen42", "minHeaderCount": "2", "minHeaderDeep": "2" } } } 安装插件...$ gitbook install 点击图片后，就自动打开一个新的页面，展示图片。

1.7K2 0

利用clipboard.js复制粘贴JS插件实现页面特定文本按钮复制

比如我们在页面中的微信号、电话号码、优惠码等信息，最好不要用户直接复制。如果能直接点击按钮直接复制效果还是比较好体验的。这里我们可以使用clipboard.js复制粘贴JS插件实现。...console.log(e.clearSelection); }); }); 这个仅仅是简单的示范，光有这个代码还是不行的，我们还需要最为主要的2个JS...jquery.min.js clipboard.min.js 我们需要下载且引用到网站中。网盘下载（提取码：8m2j）这里老蒋有备份下载，我们也可以从官方库下载JS。...本文出处：老蒋部落 » 利用clipboard.js复制粘贴JS插件实现页面特定文本按钮复制 | 欢迎分享

8.6K3 0

HTML单击按钮弹出悬浮窗+页面遮罩

document.getElementById('fade').style.display = 'none' } 网页：单击按钮弹出悬浮窗...+页面遮罩请点这里 <div id="light" class="pop_win

18.6K4 0

PC移动端弹出层插件之layer

还在自己写弹出层吗？亲，我来解决你的烦恼，为你推荐一款多样性、易集成的插件：layer。 layer是什么？...layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。layer兼容了包括IE6在内的所有主流浏览器。...layer提供哪些弹出层样式？...提供完整的api 实现代码（1）、html代码中引入layer.js （2）、直接调用，如： //询问框 layer.confirm('您是如何看待前端开发？'...同时LayUI还提供很多前端插件，如分页组件（layPage）、日期组件（layDate）、javascript模板引擎（layTpl）和layIM，都是很好的插件，推荐大家学习。

3.3K1 0

「【Typecho插件】MIPAMP页面自动生成插件」

【Typecho插件】MIP/AMP页面自动生成插件很高兴，能分享这个插件，本站的mip/amp页面就是使用该插件生成功能生成符合 Google AMP/Baidu MIP 标准的 AMP/MIP...页面，并与标准页面建立关联。...MIP 页面完美支持百度熊掌号页面标准，新发表文章自动提交到熊掌号。（新增）用户决定是否只允许百度和谷歌的爬虫访问 MIP/AMP 页面。（新增）插件版本判断。...（新增）自定义 MIP/AMP 页面样式。（新增）缓存功能，缓存访问过的 MIP/AMP 页面，可显著提高性能（默认关闭）。自动解析自定义文章路径获取作者下载

1.2K2 0

JS网页顶部弹出可关闭广告图层

/> 网页特效网页顶部弹出可关闭广告图层站长特效网 #informationbar{ position: fixed;...就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。...就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。...就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。...，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。

13.7K6 0

Vue监听返回键关闭弹出层不返回页面

//监听页面销毁之前 beforeDestroy() { window.removeEventListener( "popstate", () => {...$router.go(-1); } }, false ); }, //使用了keep-alive进行页面缓存 //可以写在mounted函数里

5K1 0

html+css+js完成代码弹出功能

html+css+js完成代码弹出功能简介：本文讲解如何使用html+css+js实现代码在网页中弹射出来的功能。...效果展示代码会不断的在屏幕上弹出然后消失完整代码下面是完整的代码和详细的解释。 <!

2K0 0

js实现跳转页面

2015-04-09 01:12:05 页面跳转的方法有很多，如果你的页面是jsp页面，你可以在servlet中添加java代码来实现跳转，这里我就不多说了。...我要说的是在jsp页面通过js来实现页面跳转，下面请看代码按钮式： <INPUT name="pclog" type="button" value="GO" onClick="location.href

24K3 0

js实现页面刷新

3，页面自动刷新js版复制代码代码如下: function myrefresh() { window.location.reload...(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 4，JS刷新框架的脚本语句复制代码代码如下: //刷新包含该框架的页面用...，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。...3.页面自动刷新js版 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面...6 out.write("window.opener=null;"); 7 out.write("window.close();"); 8 out.write(""); 四、JS

27.7K4 0

文章归档页面插件JustArchives

插件简介：如果博客文章日志比较多，使用归档页面可以给访客更加直观的文章查找享受，在某个程度上能有效提高用户体验（据说百度最新的算法升级，更加注重用户体验）。...typecho博客通过安装justarchives插件可以在单独页面输出按月份排序的归档效果，支持自由选择使用jquery效果点击折叠显示存档效果。...使用教程：下载JustArchives插件，把解压后的文件夹上传到usr/plugins/目录下，然后登陆博客后台，在“控制台”下的“插件”列表中激活该插件注：如果有使用typecho编辑器插件，请先停用...提示：在插件列表中该插件的后台可以点击“设置”对插件是否使用javascript、存档月份排序、存档文章排序、是否显示文章数、是否显示评论数进行设置。下载地址：蓝奏云

6961 0

JS实现页面跳转

框架中，处理完后，要刷新左页面，同时本页面也要跳转到另一个页面。...刷新用或者在页面的最后: //leftFrame指左边框架的名字 parent.leftFrame.location.reload

22.3K6 0

谷歌插件之页面标记

default_icon": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" } } 描述：定义插件的图标和弹出页面...js：指定注入的JavaScript文件。 options_page "options_page": "options.html" 描述：指定插件的选项页面，用户可以在扩展管理页面中访问。...backgroud.js 在谷歌插件开发中，background.js 扮演着非常重要的角色，它主要用于处理插件的后台逻辑和事件监听。...让我们详细地了解一下它在谷歌插件中的作用：作为后台页面运行谷歌插件中的 background.js 作为一个后台页面，始终在插件安装后运行，并且可以持续监听和处理事件，即使用户没有直接与插件的界面交互也可以执行任务...优化资源使用谷歌浏览器对每个插件运行的后台页面有资源使用限制，background.js 的设计需要考虑到优化资源使用，避免长时间占用过多的内存和CPU，以确保不影响用户的浏览体验。项目展示

8701 0

安全跳转页面·插件版

插件介绍主要特性外部链接跳转：将外部链接替换为自定义的跳转页面，可以自定义文件名称，增加安全性。灵活配置：支持多个容器，使用css选择器进行选择、支持白名单域名和生效页面路径的配置。...Base64 编码：可选将外链链接编码为Base64加密，在跳转时再使用js转为正常网站地址，增强安全性能。调试模式：调试模式输出详细信息，便于开发和调试。...这使得插件能够在生成静态页面时，处理和替换外部链接，增强博客的安全性，而不需要在客户端引入 jQuery。...进阶操作如果你有前端基础，除了以上配置，你还可以自行定义相关页面，打开插件中的go.html，这里我为了方便大家修改，没有进行代码压缩，其中CSS分为三部分：通用配置，夜间专用，白天专用：通用配置...下面的JS选项，如果无必要，请不要删除。除此之外，你还可以更改其中的结构，但是请尽量不要修改类名，有些类名可能绑定有特定的跳转。

1.3K2 0

js页面历史返回

——黑格尔我们可以使用history.back()来进行页面返回 history的文档： History API - Web API | MDN 除了返回还可以前进 history.forward...(); 以及 // 向后跳转一个页面（等价于调用 back()） history.go(-1); 然后还有 // 向前跳转一个页面，就像调用 forward() history.go(1); 当然传入0...就是刷新 // 以下语句都具有刷新页面的效果 history.go(0); history.go(); 还有查看页面栈长度 const numberOfEntries = history.length;

5.8K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭