现在的位置: 首页 > 综合 > 正文

JQuery弹出框总结

2018年05月17日 ⁄ 综合 ⁄ 共 2513字 ⁄ 字号 评论关闭

模态对话框窗口是一个伟大的方式来显示用户快速的信息,但也提醒他们的错误,警告,提示信息和更多。当您将进入混合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命令链。

抱歉!评论已关闭.