15款最好的 jQuery Modal(模态窗口)插件-阿里云开发者社区

开发者社区> 秋天风景> 正文

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

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

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

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

您可能感兴趣的相关文章

  

Remodal

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

插件下载      在线演示 

 

Pop Easy

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

插件下载      在线演示 

 

jQuery Popdown Plugin

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

插件下载      在线演示 

 

jQUery Custombox

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

插件下载      在线演示 

 

Simple Modal

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

插件下载      在线演示 

 

Boxer

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

插件下载      在线演示 

 

jQuery Fluxo Modal

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

插件下载      在线演示 

 

Reveal

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

插件下载      在线演示 

 

jQuery SuperBox

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

插件下载      在线演示 

 

Bootstrap Image Gallery

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

插件下载      在线演示 

 

Magnific Popup

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

插件下载      在线演示 

 

Avgrund.js

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

插件下载      在线演示 

 

Lean Modal

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

插件下载      在线演示 

 

The Modal

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

插件下载      在线演示 

 

ModalBox.js

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

插件下载      在线演示 

 

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

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

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10056 0
使用SSH远程登录阿里云ECS服务器
远程连接服务器以及配置环境
2507 0
windows server 2008阿里云ECS服务器安全设置
最近我们Sinesafe安全公司在为客户使用阿里云ecs服务器做安全的过程中,发现服务器基础安全性都没有做。为了为站长们提供更加有效的安全基础解决方案,我们Sinesafe将对阿里云服务器win2008 系统进行基础安全部署实战过程! 比较重要的几部分 1.
9156 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13870 0
阿里云服务器ECS登录用户名是什么?系统不同默认账号也不同
阿里云服务器Windows系统默认用户名administrator,Linux镜像服务器用户名root
4498 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
7359 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
22378 0
+关注
秋天风景
既然选择了远方,便只顾风雨兼程。
2394
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载