15款最好的 jQuery Modal(模态窗口)插件

时间:2023-01-05 12:15:06

  jQuery 模态窗口插件帮助网站开发人员显示网页中的特定内容,让用户聚焦到这个地方。模态窗口是嵌入到当前网页中,不用重定向到新网页的弹出窗口。这种技术可以用在图像画廊,电子商务网站,登陆框,电子邮件注册,表单等场合。jQuery Modal(模态窗口)插件可以让用户专注于内容。

  在这篇文章中,我们收集了15款最好的 jQuery 模态窗口插件,将帮助你在你的 Web 应用中实现模式窗口。如果你知道任何其它的 jQuery 模态插件,不要忘记在下面发表评论,我们将非常乐意倾听您的意见。

您可能感兴趣的相关文章

Remodal

15款最好的 jQuery Modal(模态窗口)插件

Remodal 是一个扁平化,响应式,轻量,快速,容易定制的模态窗口插件。使用声明式状态符号和哈希(Hash)跟踪。所有现代的浏览器都支持。您可以轻松地定义为模态窗口定义背景容器(如模糊效果)。

插件下载      在线演示

Pop Easy

15款最好的 jQuery Modal(模态窗口)插件

Pop Easy 这款 jQuery 插件用于快速创建定制的模态窗口,非常轻量,支持显示任何的 HTML 元素,包括视频。默认的模态窗口有一个好看的界面,你可以根据需要自己修改。

插件下载      在线演示

jQuery Popdown Plugin

15款最好的 jQuery Modal(模态窗口)插件

这是一个简单的模态弹出框插件。在后台加载完 HTML 之后,会从从浏览器窗口顶部弹出。是加载网页表单,内容,用户的反馈信息,多媒体和其他任何风格的内容的简单方法。

插件下载      在线演示

jQUery Custombox

15款最好的 jQuery Modal(模态窗口)插件

Custombox 是基于 CSS3 过渡功能实现的 jQuery 模式窗口插件。有许多效果,如淡入,滑动,模糊,翻转,旋转等等很多效果。

插件下载      在线演示

Simple Modal

15款最好的 jQuery Modal(模态窗口)插件

Simple Modal 是一个用来创建模式窗口的小插件。它可以被用来显示提示框或确认框,只需要几行代码。

插件下载      在线演示

Boxer

15款最好的 jQuery Modal(模态窗口)插件

Boxer 是一个用来实现灯箱式模态的图片展示的快速和简单的方法,可以使用内嵌的内容或 iframe 内容。

插件下载      在线演示

jQuery Fluxo Modal

15款最好的 jQuery Modal(模态窗口)插件

jQuery.fluxoModal 这款 jQuery 插件用于实现类似于 Lightgox 的效果。它可以突出显示任何类型的 HTML 元素,使用 HTML5 画布,CSS3 动画实现模糊背景效果,在低版本的 IE 浏览器优雅降级。

插件下载      在线演示

Reveal

15款最好的 jQuery Modal(模态窗口)插件

Reveal 是一款很棒的 jQuery 模态弹出窗口插件,因为它很容易实现,兼容现代浏览器。设置 Reveal 模态弹出只需要三个简单的步骤。

插件下载      在线演示

jQuery SuperBox

15款最好的 jQuery Modal(模态窗口)插件

jQuery Superbox!是另外一款 jQuery 弹窗插件,它允许你显示窗口的灯箱效果,可以显示图片,图片画廊,外部页面,一个页面元素,甚至 Ajax 加载内容。

插件下载      在线演示

Bootstrap Image Gallery

15款最好的 jQuery Modal(模态窗口)插件

Bootstrap Image Gallery 支持和触摸,响应式的,可定制的图像和视频画廊。它使用 Bootstrap 框架的模态对话框显示图像和视频,支持鼠标和键盘导航,过渡效果,支持全屏和点播内容。

插件下载      在线演示

Magnific Popup

15款最好的 jQuery Modal(模态窗口)插件

Magnific Popup 是一个免费的响应式的 jQuery 灯箱插件,专注于性能,为用户在任何设备提供最佳体验。多数灯箱插件需要您通过 JS 选项来定义它的大小,这款插件不需要,你可以使用相对单位(比如 em)或者借助 CSS 媒体查询。

插件下载      在线演示

Avgrund.js

15款最好的 jQuery Modal(模态窗口)插件

Avgrund.js 这款 jQuery 插件用于模态框和弹出窗口。它使用有趣的技术在弹出窗口和页面之间显示深度,充满立体感。适用于所有的现代浏览器,并优雅地降级支持那些不支持 CSS 过渡和转换的浏览器。

插件下载      在线演示

Lean Modal

15款最好的 jQuery Modal(模态窗口)插件

LeanModal 是一个简单的 jQuery 插件,用于实现模态窗口。它是专为小的对话框,提示和面板等需要使用模式窗口的场合打造的。专门用来处理隐藏的内容,并且不应用任何样式给目标元素。

插件下载      在线演示

The Modal

15款最好的 jQuery Modal(模态窗口)插件

The Modal 这款 jQuery 插件用来实现类似 Facebook 和 vk.com 的照片模态的模态框。您可以通过使用自定义数据填充它,按你想要的方式,支持 ESC 键关闭(默认启用)。

插件下载      在线演示

ModalBox.js

15款最好的 jQuery Modal(模态窗口)插件

modalBox.js 是一款轻量的模态窗口插件,只有最常用的功能和选项。它的整体大小大约为5.3kb的(压缩后2.5kb)。您可以根据您的需要轻松地扩展它。

插件下载      在线演示

英文链接:15 Best jQuery Modal Plugins for Developers

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

15款最好的 jQuery Modal(模态窗口)插件的更多相关文章

  1. 使用jQuery创建模态窗口登陆效果

    日期:2013-8-22  来源:GBin1.com 隐藏模态窗口技术是一种很好的解决方案,用于处理不是特有必要出现在网页上的界面元素.社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表 ...

  2. 推荐15款最佳的 jQuery 分步引导插件

    当用户浏览到一个网站,它可能从不知道如何浏览,如何操作网站或 Web 应用程序的内容和流程.在这篇文章中,我们编制了一些最好的 jQuery 引导插件列表.你会发现这些插件对于提高你的网站的整体用户体 ...

  3. 【精心挑选】15款最好的 jQuery 网格布局插件(Grid Plugins)

    如今,大多数网站设计要靠网格系统和布局,这能够提供给设计人员一个方便的途径来组织网页上的内容.网格的设计最常见于报纸和杂志的版面,由文字和图像构成的列组成. 这篇文章给大家分享精心挑选的15款最佳的 ...

  4. 15款最好的 jQuery 网格布局插件

    如今,大多数网站设计要靠网格系统和布局,这能够提供给设计人员一个方便的途径来组织网页上的内容.网格的设计最常见于报纸和杂志的版面,由文字和图像构成的列组成. 这篇文章给大家分享精心挑选的15款最佳的 ...

  5. 轻量级Modal模态框插件cta.js

    今天给大家分享一款轻量级Modal模态框插件cta.js.这是一款无需使用jQuery插件,纯js编写的模态框弹出特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <se ...

  6. 精心挑选10款优秀的 jQuery 图片左右滚动插件

    在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素.你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件.当然,如果要从大量的 jQu ...

  7. Flex设置PopUpManager创建modal&lpar;模态&rpar;窗口的背景样式

    有一个需求 , 使用PopUpManager弹出的窗口modal模式不可操作的地方颜色太浅, 这样弹出的窗口就不够突出, 搜了下没发现解决办法, 翻看了PopUpManagerImpl源码 , 找到了 ...

  8. 16款最佳的 jQuery Time Picker 时间选择插件

    jQuery 插件可以为你做许多事情,你可以很容易地把这些插件集成到您的网站.网络上的 jQuery 日期选择器和日历插件很多,但找不到很满意的时间选择器插件. 在这里,我们收集了最好的一组 jQue ...

  9. FancyBox——jQuery弹出窗口插件

    最近工作项目中有用到这款插件,就查找了一下相关资料和用法,下面是一些基本的简单用法,比较容易掌握,有需要的小伙伴可以参考.:) FancyBox是一款基于jquery开发的类Lightbox插件.支持 ...

随机推荐

  1. p7-p8面试经验总结--拿到offer

    简单的介绍下p7-p8之间的面试经验 整体的过程基本上所有的面试都是类似的,分为如下: 1.自我介绍: 2.相关问题讨论和交流: 3.谈薪资: 0.去面试的是架构师,最后来了两个面试官.最后拿到off ...

  2. linux安全加固&lpar;2&rpar;

    目录:1.BIOS2.SSH安全3.禁用telnet4.禁用代码编译5.ProFTP6.TCPwrappers7.创建一个SU组8.root通知9.history安全10.欢迎信息11.禁用所有特殊账 ...

  3. c&plus;&plus;相关的类型推导

    c++11和boost库增加许多关于类型推导(编译期)的关键字和类型, 用好这些机制, 对于编写项目的一些组件帮助颇大.正所谓工欲善其事,必先利其器. 1.初始化某种类型的变量 auto var = ...

  4. 获取SqlDataReader的列名

    SqlConnection thisConnection = new SqlConnection(ConfigurationManager.AppSettings["ConnectionSt ...

  5. sql server mdf碎片级数据库修复&comma;数据库碎片级提取

    sql server mdf碎片级数据库修复,数据库碎片级提取   大家都知道MDF数据库文件一般都比较大,在磁盘中往往被存放到不连续的逻辑簇中,久而久之就形成了文件碎片,当文件被误删除或者格式化后, ...

  6. nginx location匹配顺序及CI框架的nginx配置

    Nginx location匹配顺序如下: 用前缀字符串定义的location规则对URI进行匹配测试. =号定义了精确的前缀字符串匹配,如果发现精确匹配则使用当前规则.否则继续下一步匹配. 匹配其它 ...

  7. 忘记Linux登录密码怎么办?

    1.启动虚拟机,出现下面倒计时界面时,按e键.进入启动前编辑. 2.进入如下界面,再按e键. 3.进入如下页面后,选中第二项kernel开头的项,选中后再按e键. 4.进入如下界面后,在最后面输入空格 ...

  8. 【译】第二篇 SQL Server安全验证

    本篇文章是SQL Server安全系列的第二篇,详细内容请参考原文. 验证是检验主体的过程.主体需要唯一标识,那样SQL Server可以确定主体有哪些权限.正确的验证是提供安全访问数据库对象的必要的 ...

  9. linux的hostname&lpar;主机名&rpar;修改详解

    Linux操作系统的hostname是一个kernel变量,可以通过hostname命令来查看本机的hostname.也可以直接cat /proc/sys/kernel/hostname查看. #ho ...

  10. mysql慢sql报警系统

    前言:最近有同事反应有的接口响应时间时快时慢,经过排查有的数据层响应时间过长,为了加快定位定位慢sql的准确性,决定简单地搭建一个慢sql报警系统 具体流程如下架构图 第一步:记录日志 每个业务系统都 ...