[Excellent recommendation] 31 jquery modal dialogs that web developers should know [excellent recommendation] 31 jquery modal dialogs that web developers should know

ArticleDirectory

• Jquery impromptu
• Reveal
• Messi
• Boxy

Modal windows are often used in website development. If you directly use window. showmodaldialog () in cirpt to open a mode window, although the mode window function is implemented, it is very difficult to understand. When we encounter such a demand, many people will look for it online.Jquery Modal Dialog BoxSometimes there are a lot of searches, but they are not very suitable. Why do people like modal windows? What are the advantages of the modal window?

When a modal window contains a small element, you do not need to load a completely new page to access it. (Achieve the same effect). PassModal window to improve the availability of your website.Loading web pages over and over again is disturbing most users. It is absolutely a good thing to avoid this situation. The modal window can also save space for you. Avoid using large elements that do not need to appear on the home page.For example, you only need to provide a link, thumbnail, or a button,Instead of placing the complete video on the webpage.

Today, I collected 31 jquery Modal Dialog Box plug-ins. This collection covers all the modal window plug-ins. Next time you encounter such a problem, you can use it as a reference to help you create a good page.

Simplemodal

Simplemodal is a small plug-in for creating a modal window. It only needs a few lines.CodeYou can createMessage in the warning or confirmation dialog box.It can load content from an external page or its own page in asynchronous mode.
Dialog

This plug-in uses the jquery UI css framework style, so it looks as nice as its color and background texture.We recommend that you use themeroller to create and download custom topics for maintenance purposes.

Noty

Noty is a jquery plug-in that can easily be created successfully-errors-warnings and other dialog boxes.

Thickbox

Thickbox is an extension based on the jquery class library. It can display a great UI box on the browser interface. It can display Single images, multiple images, Ajax request content or link content.

Tinybox 2

As an upgraded version of tinybox.TinyboxSupports iframes and the image itself. Many thickboxesFunctionInclude (image, iframed content, embedded content, Ajax content). display a single image)The multiple images (Inline content) display the content of IFRAME (iframed content) display Ajax content (Ajax content) Others:TutorialIt also comes with a cool JS jump script thickbox that can hide elements in Windows IE 6. thickbox can be rolled by users.PageYou can also change the size of the browser window while maintaining the center. Click the image, overlay, or close the link to remove thickbox.

 

Leanmodal. js

 

Jquery impromptu

Mpromptu is an interface-friendly jquery information prompt dialog box plug-in that improves the user experience of your website. Impromptu is not only a substitute for alert, prompt, and confirm, but also has other more powerful functions that can be used to create form forms in the dialog box. This plug-in is highly customizable. You can use custom CSS styles to change the appearance of the dialog box, so that your website interface looks more refined ..

Login box Modal Dialog Box CSS and jquery

Simpledialog

Simpledialog is designed to replace Javascript. Dialog () to facilitate developers to develop exquisite dialogs more conveniently.

Jquery popbox

 

Reveal

It is a lightweight plug-in with only 1.75kb compatibility across browsers. This meansIt responds quickly and is recommended for small projects.

Facebox

Facebox is a lightbox Based on jquery and Facebook-style. Displays images, Divs, or the entire remote page. It is easy to use.

Lightbox_me

Lightbox_me is an essential tool for jquery developers. Lightbox_me is a very simple lightbox. When the browser window changes, the mode window automatically adjusts the size. It can handle most browser boundary problems well, such as window adjustment or window smaller than the mode dialog box.

Jquery popbox

Popbox is a simple jquery plug-in used to extend the text input box function. When the text box gets the focus, a mode dialog box is displayed to allow users to enter content in a larger area ..

Simplemodal

Simplemodal is a lightweight jquery plug-in that provides a powerful framework for creating mode dialogs. Because it is a framework, it can give you great flexibility to build any Mode dialog box you want ..

Nyromodal v2

Jquery blockui plug-in

The jquery blockui plug-in allows you to use ajax to simulate synchronous behavior without locking the browser.When activated, it blocks the user's current activity (or part of the page) until it is disabled. When you want to perform a long operation, blockui is used to prevent the current user from continuing the operation.The jquery reveal plug-in is used to build a pop-up modal window.

Colorbox: a lightweight and customizable jquery plug-in for lightbox

 

Messi

Messi is a clean and elegant jquery plugin for Message Display.

Confirmation box of Facebook Style

Player Plug-in popped up on jquery YouTube

This is an easy-to-use jquery plug-in that shows embedded YouTube videos in the pop-up dialog box.The jquery user interface dialog box is a powerful cross-browser plug-in that displays a pop-up dialog box, the title bar, including a removable modal behavior mechanism.

This plug-in is very simple to configure and use.The YouTube video ID is stored in any dom element attribute.This plug-in can track all assigned pop-up events and does not allocate click events. If yes, it can be re-allocated without affecting the existing events that dynamically add HTML elements.This plug-in will automatically obtain the title bar of the dialog box displayed on the video title from YouTube.

 

Boxy

Boxy is a jquery plug-in used to implement prompt dialog boxes similar to Facebook style, including prompts and confirmation. Supports drag, resize, and Ajax data loading.

Bpopup

A great jquery pop-up layer plug-in that allows you to darken the background of the pop-up layer and customize the position of the pop-up layer in the browser. let's talk about the pop-up effect, Ajax loading content, IFRAME loading content, and pop-up dialog box effects. bpopup has been tested, compatible with IE6 to 9, FF2-7, Opera9-10, Safari 4-5 and chrome 4-15.

Modalpoplite

This is jquery's ultra-lightweight, ultra-Simple pop-up dialog box-1.5kb.It supports background and rounded corners without complex functions.

Create a pop-up DIV in jquery

How to Create a jquery confirmation dialog box change

Jqmodal

Jqmodal is a jquery plug-in used to display notifications, dialogs, and model windows in a browser. It is as flexible and small as Swiss Army knife, and it lays the foundation for the General Purpose Window framework ..

Zebra_dialog

Zebra_dialog is a jquery plug-in that can be flexibly configured in the dialog box. It is only 4 kb in size and must be supported by jquery 1.5.2 +. It can be used to replace the original JavaScript "alert" and "Confirmation" dialog boxes. This plug-in is built using jquery plugin boilerplate.

Link to this article: [excellent recommendation] 31 jquery modal dialogs that web developers should know