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