31 jquery modal dialog boxes that Web developers should know about "boutique recommendations"

In the website development often uses the modal window, if the direct use Javascirpt's window.showModalDialog () opens a modal window, although realizes the function of the modal window, but very does not look good. When we meet this demand many people will look for these jquery modal dialogs from the Internet, sometimes search a lot, but not very suitable, then why do people like modal window? What are the advantages of modal windows?

When a modal window contains a smaller element, the user does not need to load a complete new page to access it. (Another way to achieve the same effect is to use an AJAX-based tag.) By modal windows, you improve the usability of your website. Loading a webpage over and over again can be annoying to most users, so avoiding this situation is definitely a good thing. Modal windows can also be used for you to save space by avoiding the use of large elements that do not need to appear on the main page. For example, you simply provide a link, a thumbnail, or some kind of button instead of putting the full video on the page.

Today I collect 31 jquery modal dialogs plugin. This collection covers all the modal window plugins, and the next time you encounter such a problem you can use it directly as a reference to help you create a good page.

Simplemodal

Simplemodal is a small plug-in that creates a modal window that can create a warning or confirmation dialog message with just a few lines of code. It can work in asynchronous mode, loading content from an external page or from its own page.
Dialog

This plugin uses the jquery UI CSS frame style look, so we look like his colors and background textures are so nice. We recommend that you use the Themeroller tool to create and download custom themes for easy maintenance.

Noty

Noty is a jquery plugin and he can easily create a success-error-warning dialog box

Thickbox

Thickbox is an extension based on the JQuery class library, which displays a great UI box on a browser interface that can display single images, multiple images, Ajax request content, or linked content.

Tinybox 2

As an upgraded version of Tinybox. Tinybox supports IFRAMEs and the image itself. Thickbox's versatility includes (images, iframed content, embedded content, AJAX content). Display a single image display picture set (multiple images) displays inline content (inline Content) shows the contents of the IFRAME (iframed) display Ajax content (Ajax contents) Other: The tutorial itself also comes with a cool JS jump script Thickbox can hide elements in Windows IE 6. Thickbox can always be centered while the user scrolls the page or changes the size of the browser window. Click on the image, overlay, or close link to remove Thickbox.

Leanmodal.js

JQuery Impromptu

MPROMPTU is a fairly friendly jquery information Tip dialog plugin that allows your site to enhance the user experience. Impromptu is not just a replacement for alert, prompt, and confirm, it also has other, more powerful features that you can create form forms in a dialog box. The customization of this plugin is also very high, you can use a custom CSS style to change the appearance of the dialog box, so that your site's interface is more refined.

Modal dialog box for login box CSS and jquery

Simpledialog

The goal of the Simpledialog is to replace the Javascript.dialog (), which makes it easier for developers to develop beautiful dialog boxes.

JQuery PopBox

Reveal

He is a lightweight only 1.75KB plugin with good cross browser compatibility. This means that it reacts faster if it is a small project to recommend

Facebox

Facebox is a jquery,facebook-style-based Lightbox. Ability to display images,divs or the entire remote page. It is simple to use.

Lightbox_me

Lightbox_me is an essential tool for jquery's developers. Lightbox_me is a very simple Lightbox. When the browser window changes, the modal window is automatically resized. It can handle most of the browser boundary problems, such as window adjustment or window is smaller than the modal dialog box.

JQuery PopBox

PopBox is a simple jquery plugin that extends the functionality of the text input box. When the text box gets the focus, a modal dialog box pops up to allow the user to enter content in a larger area ...

Simplemodal

Simplemodal is a lightweight jquery plugin that provides a powerful framework for creating modal dialog boxes. Because it is a framework, it gives you a great deal of flexibility to build any modal dialog box you want.

Nyromodal V2

JQuery Blockui Plugin

The JQuery Blockui plugin lets you use AJAX to simulate synchronization behavior without locking the browser. When activated, it blocks the user's current activity (or part of the page) until it is deactivated. When you want to perform a longer operation, use Blockui to prevent the current user from continuing. Build a pop-up modal window using jquery's Reveal plugin

Colorbox: A lightweight and customizable Lightbox jquery plugin

Messi

Messi is a clean, elegant message that shows the jquery plugin.

Facebook's style confirmation box

Pop-up player plugin on jQuery YouTube

This is an easy-to-use jquery plugin that displays embedded YouTube videos in a popup dialog box. The jquery User interface dialog is a powerful cross-browser plugin that displays a popup dialog with a title bar, including a movable modal behavior mechanism.

This is a very simple configuration and use of plugins. The YouTube video ID is stored in the properties of any DOM element. This plugin can track all assigned pop-up events and will not assign the click event, if it already exists, so that it can be reassigned without affecting existing dynamically adding HTML element events. This plugin will automatically get the title bar of the dialog box displayed on the video title from YouTube.

Boxy

Boxy is a jquery plugin that implements a Facebook-style hint dialog, including hints, confirmations, and so on. Support drag, change size, AJAX data loading and other functions.

Bpopup

Great for a jquery pop-up layer plug-in, you can implement a popup layer background dimming effect, customize the location of the popup layer in the browser. Talk about pop-up effects, Ajax loading content, iframe loading content, pop-up dialog effects and so on. Bpopup has been tested for compatibility with IE6 to 9,ff2-7, Opera9-10,safari 4-5 and Chrome 4-15.

Modalpoplite

This is jquery's ultra-lightweight, super-simple pop-up dialog box-1.5KB. It supports backgrounds and rounded corners, with no complex features.

Create a pop-up window div in jquery

How to create a jquery confirmation dialog box replacement

Jqmodal

Jqmodal is a plug-in for jquery that displays notifications, dialog boxes, and model windows in the browser. It is almost as flexible and compact as the Swiss Army knife, and it lays the groundwork for a common purpose window frame.

Zebra_dialog

Zebra_dialog is a flexible, configurable dialog jquery plugin that is only 4KB in size and requires jquery 1.5.2+ support. Can be used to replace JavaScript's original "alert" and "confirmation" dialogs. This plugin was built using jquery Plugin boilerplate.

31 jquery modal dialog boxes that Web developers should know about "boutique recommendations"