jquery popup window

Compared to the browser's own alert, confirm, and capabilities, I prefer that everything is custom:First of all in the head tag (of course, like other places to look at) the introduction of plug-in style sheets and JS.-must first introduce jquery-introduced plugin JSThe next step is to invoke the method, first look at the beautiful effect:The above image effect is calledMethod of Use:Next details the effect of the call when the parameters are differen

Implementation of easy Ui + Jquery pop-up window There are many pop-up windows for easy Ui I just want to make it easy to implement. First, reference the easy ui JS Similarly, his style CSS files must be referenced. The following is a DIV defined in the pop-up window. Pop-up contentNote that the div style must be hidden. Function openwindow (id, titl

The easy Ui has a variety of pop-up windowsI'm just going to come up with a feeling that I realized is handy.The easy UI JS referenced firstAs well as his style. css files are also referencedNow, let's play the window and define a div.It is important to note that the style of div is to be hiddenfunction Openwindow (id,titlename,vwidth,vheight) { $ (' # ' +id). Window ({ width:vwidth,

The function on the network already has this function, is realizes with the pure JS. However, it was found in the project that this function was not compatible with Firefox, and I rewrote this method. Copy Code code as follows: Default New Window Configuration var windowdefaultconfig = new Object; windowdefaultconfig[' directories ' = ' no '; windowdefaultconfig[' location ' = ' no '; windowdefaultconfig[' menubar ' = ' no ';

easy to use, the following actions: 1. Introduce jquery.js and jquery.messager.js files to the page. 2. Call the function in the message plug-in when the page is loaded, set the window size, display the effect, and display the contents. The code is as follows Copy Code $ (function () {$.messager.lays (200, 200);$.messager.anim (' fade ', 1000);$.messager.show ("Hint info", "}); Cases The code is as

Achieve horizontal centering through CSS tutorials:. classname{margin:0 Auto;width:200px;height:200px;} 2, through the CSS to achieve horizontal center and vertical Center Creating a horizontally centered and vertically centered div through CSS is a hassle, and you have to know the size of another div in advance:. classname{width:300px;height:200px;Position:absolute;left:50%;top:50%;margin:-100px 0 0-150px;} 3, through jquery to achieve horizontal

The Ready () of jquery implements the Domcontentloaded event, the difference between domcontentloaded and the window Load event Simply put, the ready () is triggered when the document is loaded, and the pictures and other resources may not be fully loaded, and load is triggered after all the resources have been loaded. Look at the code for the ready function and it's all clear. The following code adds a c