Implementation features:
1. Modify the title style. Put the jquery UI title style up. Support for skin change.
2. Modify the style of the button and replace it with jQueryUI button.
3. Replace the background of the patterned window with the jQueryUI of the background.
Code:
First you introduce jquery, as well as the UI package and skin style such as: <script src=. /js/ui/jquery-1.11.0.min.js "></script> <script src=". /js/ui/jquery-migrate-1.1.0.min.js "></script> <script src=". /js/ui/minified/jquery.ui.core.min.js "></script> <script src=". /js/ui/minified/jquery.ui.widget.min.js "></script> <script src=". /js/ui/minified/jquery.ui.mouse.min.js "></script> <script src=". /js/ui/minified/jquery.ui.button.min.js "></script> <script src=". /js/ui/minified/jquery.ui.draggable.min.js "></script> <link rel=" stylesheet "type=" Text/css "href=". /js/ui/themes/humanity/jquery-ui.css "></link> function ($) {$.alerts = {//These properties can be re Ad/written by accessing $.alerts.propertyname from your scripts at any time Verticaloffset: -75,//vertical offset of t He dialog from center screens, in pixels horizontaloffset:0,//Horizontal offset of the dialog from center screens, in Pix Els/repositionOnresize:true,//Re-centers the dialog on Window resize overlayopacity:.?,//Transparency level of overlay overlaycol Or: ' #FFF ',//Base color of overlay draggable:true,//Make the Dialogs draggable (requires UI draggables plugin) Okbutt On: ' confirm ',//text for the OK button CancelButton: ' cancellation ',//text for the Cancel button Dialogclass: NULL,//if specified, this class would be applied to all dialogs//Public methods Alert:function (message, title, CA Llback) {if (title = = null) title = ' Alert '; $.alerts._show (title, message, NULL, ' Alert ', function (result) {if Callba
CK) Callback (result);
}); }, confirm:function (message, title, callback) {if (title = = null) is title = ' Confirm '; $.alerts._show (title, Message, n
ull, ' Confirm ', function (result) {if (callback) callback (result);}); }, prompt:function (message, value, title, callback) {if (title = = null) title = ' Prompt '; $.alerts._show (title, Messa GE, value, ' Prompt ', function (result) {if (calLback) callback (result);
}); },//Private methods _show:function (title, MSG, value, type, callback) {$.alerts._hide (); $.alerts._overlay (' Show
'); $ ("Body"). Append (' <div id= "Popup_container" style= "width:300px;height:150px;" > ' + '
The above is the entire contents of this article, I hope you can enjoy.