Jquery + jBox imitation QQ space DIV window

QQ alumni DIV simulation window:
 
Recently, a student information platform is required. It is estimated that it will become my graduation project. Like QQ alumni, I began a series of imitation.

Since ajax is essential to improve user experience, it is also essential to simulate the div window. This time I will modify the jBox source code.
Js Code
JBox. open ('jboxid2', 'inline', '<p> if you have any problems when using the System <p>', 'feedback ', 'width = 300, height = 60, center = true, draggable = true, model = true ');
 
Demo File
 
 
 
DIV window of the QQ space:
The DIV window of the QQ space looks good, but it is a pity that the source code is not easy, so you have to modify the jBox code.
As follows:

So how to call it.
Iframe is used to embed another page into the div window.
Js Code
JBox. open ('iframe-jboxid', 'iframe', 'login. aspx ', 'user logon', 'width = 400, height = 250, center = true, draggable = true, model = true ');
 
Another method is to first write code on the page that will be displayed in the div window, such:
Js Code
<Div id = "login-table" style = "display: none;"> test </div>
Next we can easily call it.
 
Js Code
$ ('# Login-table'). openjBox ('width = 400, height = 250, center = true, draggable = true, model = true', 'user log ');

Author "A +"