jquery plug-in information pop-up box showInfoDialog (success/error/warning/notification/background mask)_jquery

Function: Zhou en ce recently wrote an information pop-up plug-in showInfoDialog based on jquery. The plug-in masks the background and then pops up the information display box. The types of information display include:

1. Description of information types:

1.1. Operation success information

1.2, Error message

1.3. Warning message

1.4. Notification information

2. Instructions for use

Copy code The code is as follows:

> ;

In this example, the tag with the id test is masked, and then the information is displayed

Easy setup:

In addition to including the necessary js and css files, you also need to set the dialogType and theme attributes. The dialogType has four modes: success, error, warning, info; corresponding to the four theme (theme) settings: success, error, warning ,info

message is the data that needs to be displayed;

refresh represents whether the page needs to be reloaded after closing the pop-up box

Extension: You can add your own theme in the following format:

Copy the code The code is as follows:

.info {border: 3px solid #2FADD7; background: #92D6ED repeat-x top;}
.info span {color: #0E7A9F;}
.info .closestatus a {background: #2FADD7;}
.info .closestatus a:hover {background: #228DB0;}