JQuery弹出框总结

51 阅读 0 评论 34 点赞

我是靠谱客的博主感性鸵鸟，最近开发中收集的这篇文章主要介绍JQuery弹出框总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

模态对话框窗口是一个伟大的方式来显示用户快速的信息，但也提醒他们的错误，警告，提示信息和更多。当您将进入混合jQuery的，你知道你要结束与一个漂亮的对话，真正使应用程序或网站来活着。下面是一个15岁以上的jQuery弹出模态对话框插件和教程列表。

有一对底部的情侣，你要注意。原来是在一个在意大利，但我已经包含了英文翻译。其他更多的是后端，但我已经包括了一个zip文件下载文件的链接。

让娱乐开始吧！如果你知道任何缺少，但应包括，删除评论！

jqModal
qModal是一个jQuery来帮助你通知，对话框和模态窗口显示在网页浏览器插件。它是灵活的，微小的，类似于“瑞士军刀”，作为一个通用窗口框架的基础。

NyroModal
模态弹出窗口提供了一种快速的方式来显示数据，无需重新加载整个页面。模态对话框的jQuery弹出窗口插件的大问题之一是定制。这个插件试图解决这些问题。默认的CSS仅包含可选的规则。没有它，插件将完美的作品，但也会看起来很伤心。关于动画，您可以简单地重新从A到Z

简单的jQuery模态窗口教程
在本教程中，我将分享如何建立一个jQuery的简单模式窗口。选择所有的锚name属性设置为“模态”的标签，并抢在DIV＃ID定义在href和它作为一个模态窗口显示。取得了jQuery的一切都那么简单，一定要签出的示威活动，例子我做了。

jQuery UI的对话框
的jQuery UI框架提供了一个功能对话框部件，允许调整的能力，显示形式。基本的对话窗口，是定位在视口中的覆盖和照耀通过一个iframe的页面内容（如select元素）的保护。它有一个标题栏和一个内容区域，可以移动，调整大小和封闭的“X”由默认的图标。

SimpleModal
SimpleModal是一个轻量级的jQuery插件，它提供了一个强大的界面模态对话框发展。认为它作为一个模式对话框框架。SimpleModal给你建立任何你可以想象的，同时屏蔽从相关的跨浏览器的UI开发所固有的问题，你的灵活性。

四四方方的
四四方方的是一个灵活，Facebook的风格与支持拖动和大小渐变的jQuery对话框。它不同于其他覆盖我提供了一个对象接口控制后，他们已经创建对话框。和简单的使用场景，四四方方还提供了自动挂钩链接和表单的jQuery插件，以及一问（）呈现给用户的多种选择的帮手。

ThickBox的
ThickBox的是jQuery库顶部JavaScript编写的网页UI对话窗口小部件。它的功能是显示一个单一的形象，多张图片，内嵌的内容，iframed的内容，或通过AJAX的混合modal提供的内容。

jQuery的BlockUI插件
jQuery的BlockUI插件让你模拟同步的行为，使用AJAX时，浏览器没有锁定。当被激活时，它会防止用户活动的页面（或页面的一部分），直到它被停用。BlockUI添加元素的DOM给它的外观和阻止用户交互行为。

jQuery的即兴
jQuery的即兴是一个扩展，以帮助提供一个更舒适的方式，自发地提示用户输入。或多或少这是一个伟大的警报，及时更换，并确认。它不仅取代这些，但它也允许这些控件在创建形式。这是不打算成为一个模式更换，只是一个时髦的方式提示用户输入一个快速的工具。

jQuery的警报对话框（警告，确认和提示替换）
这个jQuery插件旨在取代标准的JavaScript的alert（）提供的基本功能，确认（），并提示（）函数。使用自定义方法的好处是什么？这是完全通过CSS定制。您可以为每个对话框中设置一个自定义标题。IE7的用户得到一个丑陋的警告，通常必须重新载入页面，如果您使用定期提示（）。这些方法模拟一个真实的模态对话框。他们会自动重新定位自己，如果你调整浏览器窗口（不同于许多现存的对话/灯箱式插件）。如果包括jQuery UI的可拖动插件，对话可以通过拖动标题栏移动。

如何创建一个惊人的平滑弹出使用jQuery的
今天，网站是越来越丰富，互动性和用户越来越网站所有事情的关键。使用Windows弹出来显示重要的信息是在空中，我们将学习如何创建使用jQuery的一个简单而整洁的教程从头弹出一个惊人的伟大窗口。

jQuery的Ajax验证联系表莫代尔+滑动转型中，
由于大众需求，这里是一个教程：我怎么对我的新网站创建一个更复杂的机械件的联系方式。所有你需要的是jQuery。没有插件是必要的，这个工作，它是唯一的额外的代码，除了jQuery库2KB。这也适用于所有的浏览器，IE6和。

使用jQuery创建一个退出模式对话框，
你需要离开你的网站的访问者显示一个特定的消息吗？发起一个模式中才关闭浏览器窗口，你可以做。要做到这一点，我们需要包括JQuery的文件（2埃里克·马丁写的实际库和插件），模框的CSS文件，触发模式中，根据用户的行动。

在模态窗口和传递值与jQuery上传
你使用Wordpress发布您的博客吗？如果是的话，你知道内嵌弹出的窗口中打开，如果你想上传/图像插入到您的文章。本教程演示了如何使用jQuery插件ThickBox的和一些jQuery代码上传文件，并传递一个值到父页面。你可以使用这种在您的自定义CMS的功能，也许你喜欢使用自己的文件，它作为一个基本的上传插件或小工具？

jQuery的模态选择组件，
这在意大利写的原创文章，但这里是翻译的英文版本。我想一定包括在破旧的，因为它提供了另一种选项，如何让用户选择一个表单字段的值。它的设计作为一个组合框的替代品，或选择下拉菜单。它并不完美，但它是一个有趣的一个共同的UI组件起飞，我相信值得名单上。

jQuery模态对话框的插件
这个插件链接到工作的例子，显示一些真正的好jQuery的错误，警告，提示和模式对话框documenation页。下载是有点麻烦，除非你遵循这个链接下载。

ColorBox
ColorBox是一个轻量级的，可定制的灯箱插件，模拟一些东西，你想实现一个jQuery的弹出模式对话框窗口。它可以让你显示弹出AJAX，内联和iframed的内容，以及照片和其他媒体。它书面方式在jQuery插件格式，并可以与其他jQuery命令链。