Jquery ui dialog the div layer dialog box is displayed.

Jquery ui pop-up div layer dialog box, effect preview: http://keleyi.com/keleyi/phtml/jui/dialog/index.htm

The following is the complete code, which is saved to an html file. You can preview the result when you open the file:

Jquery ui pop-up div layer dialog box -- the original text of KE leyi has no animated animation redmondsunnyThis is the default dialog which is useful for displaying information. the dialog window can be moved, resized and closed with the 'X' icon. ke leyi: This is a pop-up div layer dialog box that can be used to display information. You can drag and close the pop-up layer and change its size.

 

There are also a variety of styles to choose from, such as eggplant or vader. You only need to replace smoothness in the above code to get eggplant, sunny, redmond, or vader. Example vader: http://keleyi.com/keleyi/phtml/jui/dialog/2.htm
Sunny: http://keleyi.com/keleyi/phtml/jui/dialog/4.htm


Jquery ui dialog method, has a very powerful function, such as the above Code in the keleyidialog function into the following code has a different effect: http://keleyi.com/keleyi/phtml/jui/dialog/1.htm

Code:

"# Dialog" 240400 "OK": = "http://keleyi.com" "canceled":). dialog ("close"View Code keleyi.com

Resizable: whether the dialog box size can be changed (true or false)
Height: the height (240) of the dialog box)
Width: Dialog Box (400)
Modal: whether there is a mask layer (true, false). If it is true, when the dialog box is displayed, all the elements except the pop-up dialog box paper bag are covered by the mask layer and cannot be operated.
Buttons: the button is displayed in the dialog box. click the button to execute the corresponding method.
Reference: http://keleyi.com/a/bjac/5aed2303707e30fa.htm

 

This article Reprinted from Ke leyi: http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm