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

原创插件:WordPress博客友好对话框+文章随机推荐滚动条插件(附代码版)

1.25.2 版本更新说明 = 1.2.5.2 = * 新增好搜、必应、神马和有道搜索来路判断功能; * 压缩 js 代码,优化加载速度,压缩后大概可以减少 20kb; * 对话框改为在移动端不弹出...修复在部分主题下滚动条不显示文字或错乱问题; 修复底部滚动文字在宽度变窄时会消失的问题; 修改为当宽度小于 480px 底部滚动条自动隐藏; 新增宽度小于 720px 时,不会自动弹出欢迎框;  新增...①、新增网页嗨一下功能,首次启动请到插件设置界面填写歌曲 url 地址 ②、后台新增邮件订阅设置,可自定义滚动条右侧的博客订阅按钮地址 ③、后台新增留言地址设置,让对话框中显示留言板超链接 ④、修复可能从...cookie 获取用户名乱码的问题 2014.11.23:Ver 1.22 版本更新说明 ①、后台设置新增主题对话框功能开关,至此该插件所有功能都能灵活组合了; ②、修复了几个不影响功能的小错误。...id=587 四、附加说明 ①、该对话框在浏览器关闭之前只会弹出一次,避免了重复弹出带来的负面影响,但是从搜索引擎再次打开的页面一定会显示对话框。

4.9K120

弹出层之1:JQuery.Boxy (一)

Boxy是一个基于JQuery的弹出层插件,它有相对漂亮的外观,功能齐全,支持iframe,支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重,但使用不那么方便。...js文件:jquery.boxy.js;1个css文件;还有4个图片用于构成弹出层的4个圆角。...      我是超链接弹出来的 a标签中的 title如果不设置,弹出的框将没有标题且不能拖动;href后面的锚记...m1为对应的要弹出的元素id;显示的元素默认如果设置为none时弹出将设置显示。  ...    说明: 1、boxy对话框自动计算出您的内容区域内本身的大小和位置,没有必要明确规定了包装集的尺寸; 2、上面的简单使用方法中其实是在间接指定boxy中message属性的内容,该属性为弹出框的显示信息

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

    加点JavaScript魔法

    客户端将服务器端返回的响应中的html内容显示在弹出窗口中。当用户移开鼠标时,弹出窗口将被删除。听起来很简单,对吧?...初始化调用接受许多配置弹出窗口的选项,包括传递想要在弹出窗口中显示的内容,以及使用什么方法触发弹出窗口出现或消失(单击,悬停在元素上等),如果内容是纯文本或HTML,那么在文档中可以找到更多的选项。...一个引起我注意的是manual模式,在这种模式下,可以通过JavaScript调用手动显示或删除弹出窗口,这种模式可以让我自由地实现悬停逻辑,所以我将使用该选项并实现我自己的悬停事件处理程序,并以我需要的方式工作...如果用户将鼠标指针移动到其中一个用户链接中,并在移动它之前停留了半秒钟,我不希望该timer继续运行并调用显示弹出窗口的函数。...弹出窗口的内容包括第十二章中通过Flask-Moment插件生成的“最后访问”日期。

    6.7K10

    探索 JQuery EasyUI:构建简单易用的前端页面

    JQuery EasyUI,简单来说,就是一款基于 JQuery 的用户界面插件库。无论是初学者还是老手,在网页开发中都能从中获得实实在在的帮助。...3.3 Window 窗口组件 Window 窗口组件可以在网页中弹出一个独立的窗口,用于显示额外的信息、执行特定的操作或者与用户进行交互。...我们还设置了一个工具栏,包含一个添加按钮,点击按钮时会弹出一个提示框显示 “Add button clicked”。...我们还设置了显示复选框,并且当节点被选中时弹出一个提示框显示被选中节点的文本内容。...常用插件与扩展 4.1 使用 Tooltip 插件 Tooltip 插件是 EasyUI 中一个常用的工具,用于在用户鼠标悬停在指定元素上时显示提示信息,增强用户体验。

    3.6K10

    探索 JQuery EasyUI:构建简单易用的前端页面

    JQuery EasyUI,简单来说,就是一款基于 JQuery 的用户界面插件库。无论是初学者还是老手,在网页开发中都能从中获得实实在在的帮助。...3.3 Window 窗口组件Window 窗口组件可以在网页中弹出一个独立的窗口,用于显示额外的信息、执行特定的操作或者与用户进行交互。...我们还设置了一个工具栏,包含一个添加按钮,点击按钮时会弹出一个提示框显示 "Add button clicked"。...我们还设置了显示复选框,并且当节点被选中时弹出一个提示框显示被选中节点的文本内容。...常用插件与扩展4.1 使用 Tooltip 插件Tooltip 插件是 EasyUI 中一个常用的工具,用于在用户鼠标悬停在指定元素上时显示提示信息,增强用户体验。

    4.6K10

    网站设计、开发必备!8个颜色选择器让你事半功倍!

    ExColor ExColor是一个类似Photoshop样式的jQuery颜色拾取插件,其定制性非常高,通过参数设置可生成各种样式和效果的颜色拾取器。...该选择器是隐藏层,没有使用任何弹出窗口,可以出现在input框的任意一侧。 3....Farbtastic Farbtastic是一个jQuery的颜色拾取插件(配合jQuery使用),可以非常轻松地将颜色选择器添加到Web页面中。...该JavaScript颜色拾取器是一个自足JS库,仅包含一个纯js的文件,不依赖其他框架(像jQuery, Dojo, MooTools等),但又能很好的兼容这些框架。 6....大小只有5K(不压缩的情况下),非常轻量。 7. jPicker jPicker是一个快速、轻量级的jQuery插件,让你的Web项目中可以包含一个高级颜色拾取器。

    5.4K20

    弹出层之2:JQuery.BlockUI

    JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。...jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口)。当被激活时,它会防止用户活动的页面(或页面的一部分),直到它被禁用。...1、首先引入插件 jquery.min.js" type="text/javascript">     JQuery.BlockUI.min...,并关闭弹出层(该层可以为隐藏):                               jquery.blockUI.js, 修改$.blockUI.defaults 对象相关的代码: 显示源码 // 重写defaults对象中的属性     $.blockUI.defaults

    5.6K20

    jQuery 图片播放插件 FancyBox 和其 WordPress 插件

    什么是 FancyBox FancyBox 是一个 jQuery 图片播放插件,它可以使用类似于 MAC 系统中 “Lightbox” 方式在网页前面浮动显示和播放图片,网页内容,或者其他多媒体内容。...FanyBox 的 WordPress 插件 正是因为 FancyBox 的强大,很多 WordPress 爱好者,就开发了 FancyBox 的 WordPress 插件,增强 WordPress 的图片显示效果...[gallery] 这个 Shortcode 来显示相册,相册中图片弹出的时候会自动加上 上一张,下一张 的导航条,非常方便。...FancyBox Gallery FancyBox Gallery 把 FancyBox 这个 jQuery 插件集成到 WordPress 的 Gallery 功能中,你只需要在日志内容中试用 Gallery...Shortcode 显示缩略图,这个插件就会处理好剩下的,你会得到非常漂亮的大图弹出效果,而且还会修正大小到适合浏览器窗口。

    3.6K20

    IntelliJ IDEA 2024.1 更新亮点汇总:全面提升开发体验

    斯卡拉 更好的 Scala 3 支持 在新版本中,我们修复了许多与 Scala 3 中如何处理特定语法情况相关的问题。...Scaladoc 增强功能 我们对 Scaladoc 弹出窗口和快速文档弹出窗口中如何突出显示类、特征和方法声明进行了许多细微的改进和修复。现在可以正确突出显示嵌套通用参数,并显示字段访问修饰符。...单击这些标记会显示一个弹出窗口,其中显示原始代码,以便您可以快速识别已更改的内容。装订线图标可帮助您快速发起新的讨论,以及查看和隐藏现有的讨论。...WireMock 服务器支持 最终的 我们通过一个插件实现了 WireMock 支持,您可以从 IDE 内部安装该插件或从 JetBrains Marketplace获取该插件。...Web开发 快速文档改进 最终的 我们显着增强了快速文档弹出窗口。它现在支持代码块的语法突出显示。在 TypeScript 中,它现在显示接口成员、枚举常量和类型别名主体。

    9.3K10

    电脑静音工作,又听不到12306的来票音乐,纠结啊 !但春节前工作多任务重,不能安心工作,就动手做个“无声购票弹窗”工具吧!

    要弹窗,得知道何时弹窗,这个需要监控12306自动刷票页面的那个DIV弹出层,一旦发现它弹出来了,立刻启动自己的弹窗功能。...this.TopMost = false; 但是执行这个代码后,如果当期抢票工具的窗口是被最小化的,当点击了确认窗口后,那么抢票窗口还是无法及时弹出来,这里需要做些修改。...只需要在弹窗前 ,设置窗口的模式为最大化即可。当然,窗口不最小化,直接用工作窗口覆盖订票窗口就没事,可以正确的弹窗到最顶层。...由于修改刷新间隔时间会增加12306的处理负载,故这里不直接公布具体如何修改,感兴趣的可以自己去研究。...版本更新信息: 2014.1.9    Ver 1.0.3 支持调整刷新时间 2014.1.10  Ver 1.0.4 修复了最小化工具的窗口导致无法弹出购票窗口到最顶端的问题。

    1.9K60

    IDEA 2026.1 玩转 Git Worktree:可视化操作,告别分支切换内耗

    确认 IDEA 版本与 Git 配置推荐使用 IDEA 2026.1 及以上版本,该版本原生深度集成 Git Worktree,无需安装 Easy Worktrees 等第三方插件,还新增了刷新同步、路径显示等实用功能...;低版本 IDEA 需安装插件,且功能有限,不推荐使用。...创建完成后,Worktree 面板会新增一条记录,显示该 Worktree 的分支名称、本地路径和提交状态,双击该记录即可打开新的 IDEA 窗口,进入该 Worktree 的开发环境。...双击面板中的 hotfix Worktree,打开新的 IDEA 窗口,在该窗口中修复 bug,提交代码并推送: 修复完成后,点击 IDEA 顶部 Commit 按钮,填写 commit...bug 修复完成后,关闭 hotfix Worktree 窗口,在主仓库的 Worktree 面板中,选中该 Worktree,点击 - 号删除,不影响主分支的未完成代码。

    4K40

    纯代码给你的网站增加图片灯箱效果,增强落地页体验

    正好最近百度在推移动落地页检测,顺手做一下优化 我的检测结果是:您的页面可能存在图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题,影响落地页体验 我们可以直接使用FancyBox来完成我们的需求,FancyBox是一款优秀的弹出框...Jquery插件 1、允许我们用鼠标和键盘上的四个方向键切换图片 2、可以根据当前窗口大小自动调整弹出框的大小,当我们改变浏览器窗口大小时,将会看到弹出框自动缩放 3、支持缩略图列表、放大、全屏等功能...4、弹出框支持显示多种类型的内容:图片、html、视频… 5、支持触控、缩放手势操作图片 实现加入 FancyBox 灯箱效果教程 1、引入相关文件 可以将FancyBox的 js、css 文件下载到主题目录中进行引入.../jquery/3.3.1/jquery.min.js"> 如果存在就跳过(大部分应该都有),然后在footer.php文件的标签前引入FancyBox的 js、css 文件 2、增加 data-fancybox 属性 这里分为两种情况,一种为之前插入图片的时候,添加过标签 即:【添加多媒体】→【上传图片或媒体库】→选中图片→点击【插入至文章】之前,选择【附件显示设置

    7.8K40

    让div等块级元素水平以及垂直居中的解决办法

    一、背景   我们在设计页面的时候,经常要把div等块级元素居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让div等块级元素居中。...在本文中,我将给大家讲述如何用CSS和jQuery两种方法让div等块级元素水平和垂直居中。...实现一、原理:要让div等块级元素水平和垂直居中,必需知道该div等块级元素的宽度和高度,然后设置位置为绝对位置,距离页面窗口左边框和上边框的距离设置为50%,这个50%就是指页面窗口的宽度和高度的50%...如果当页面div等块级元素宽度和高度是动态的,比方说需要弹出一个div等块级元素元素层并且要居中显示,div等块级元素的内容是动态的,所以宽度和高度也是动态的,这时需要用jQuery可以解决居中。    ...实现水平和垂直居中  原理:jQuery实现水平和垂直居中的原理就是通过jQuery设置div等块级元素的CSS,获取div等块级元素的左、上的边距偏移量,边距偏移量的算法就是用页面窗口 的宽度减去该div

    3.6K20

    jQuery基础(五)一Ajax应用与常用插件-imooc

    常用插件 本章节先通过示例与插件相结合的方式,详细介绍了目前最为流行的各类插件的使用方法和技巧,包括表单插件、图片插件等;然后,介绍了如何自定义编写对象和类级别插件的过程。  ...jQuery 常用插件 表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate...: 右键菜单插件——contextmenu 右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作,调用代码如下: $(selector...,弹出插件绑定的快捷菜单,点击菜单中的各个选项,便在页面中显示操作的对应名称。...}); 其中selector为需要显示提示信息的元素,可选项参数options为tooltip()方法的配置对象,在该对象中,可以设置提示信息的弹出、隐藏时的效果和所在位置。

    20.2K20
    领券