首页
学习
活动
专区
圈层
工具
发布

页面滚动,元素跳动;附带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插件支持以下一些事件。

7K11
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    文章归档页面插件JustArchives

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

    53110

    安全跳转页面·插件版

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

    79420

    谷歌插件之页面标记

    js:指定注入的JavaScript文件。 options_page "options_page": "options.html" 描述:指定插件的选项页面,用户可以在扩展管理页面中访问。...backgroud.js 在谷歌插件开发中,background.js 扮演着非常重要的角色,它主要用于处理插件的后台逻辑和事件监听。...让我们详细地了解一下它在谷歌插件中的作用: 作为后台页面运行 谷歌插件中的 background.js 作为一个后台页面,始终在插件安装后运行,并且可以持续监听和处理事件,即使用户没有直接与插件的界面交互也可以执行任务...实现长时间运行的任务 由于 background.js 是作为一个后台页面运行的,它可以长时间保持活动状态,处理复杂的任务和逻辑,比如监控网络请求、数据持久化、周期性的任务等,这些任务通常是用户界面不可见的但对插件功能至关重要的部分...优化资源使用 谷歌浏览器对每个插件运行的后台页面有资源使用限制,background.js 的设计需要考虑到优化资源使用,避免长时间占用过多的内存和CPU,以确保不影响用户的浏览体验。 项目展示

    53110

    js写插件教程

    ;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名,调用的时候直接new一下插件名就行了并传参数或者传对象(一般这个函数名手写字母大写比较好...new addHtml("demo-2","add-2"); //这里是实例2调用插件的代码 //是不是明白为什么要写插件了;要封装;两个相同组件即使有相同的class名在dom...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->

    40.3K10

    WordPress插件开发教程二:创建插件菜单和插件设置页面

    添加到设置->常规中 如果我们的插件设置很简单,只需一个或两个参数的时候,可以考虑添加到设置->常规的页面中,这样就无须再新增页面了 /** * WordPress 添加额外选项字段到常规设置页面...$value . '" />'; } } 这样我们就可以在常规页面中看到我们新增的PushBear SendKey,获取配置可以使用 get_option('PushBear_SendKey')...这样明显有点麻烦,所以我们直接新增一个我们插件专属设置页面 新增插件设置页面 这里我们使用add_submenu_page()函数给options-general.php添加一个子菜单,也就是我们自己插件的设置页面...$menu_title 菜单标题 $capability 权限 $menu_slug 别名(url 中 page 的参数) $function 执行的函数 知道了参数是什么意思,我们就可以来增加插件页面了...page=Push_To_WeChat,会发现是个空白页面 接着看设置菜单中会多出一个Push To WeChat,这个也可以进入我们的插件页面 就这样,下一篇介绍如何完善我们的插件页面

    1.5K10

    JS跳转代码_js中跳转页面路径

    一、常规的JS页面跳转代码 1、在原来的窗体中直接跳转用 2、在新窗体中打开页面用: 3、JS页面跳转参数的注解 参数解释: 第2种: 第3种: 第4种: 第5种: 三、页面停留指定时间再跳转(如3秒)...四、根据访客来源跳转的JS代码 1、JS判断来路代码 此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转: 2、JS直接跳转代码 3、ASP跳转代码判断来路 <%   if instr(Request.ServerVariables...www.at8k.com/”)   end if   %> 4、ASP直接跳转的 <%   response.redirect(“http://www.at8k.com/”)   %> 五、广告与网站页面一起的...JS代码 1、上面是广告下面是站群的代码 document.writeln(“”); 2、全部覆盖的代码 document.write(“”); 3、混淆防止搜索引擎被查的js调用 具体的展示上面是广告下面是站群的代码...document.body.children[i].style.display=“non”+“e”; //} } }catch(e){}    }    },100);   }catch(e){} 六、页面跳出框架

    22K30
    领券