A simple introduction to the jquery UI plugin
The jquery UI is a jquery based open source Web page user interface code base. A visual control that contains low-level user interaction, animations, effects, and replaceable topics.
User interaction Components
Includes draggable drag, droppable placement, resizable scaling, selectable check, sortable sorting.
Visual controls
Includes accordion folding panel, DatePicker Date Selection, Dialog dialog box, ProgressBar progress bar, slider slider, Tabs tab page.
Animation, special effects
In document making ...
How to use Chinese documents
Browse the Getting Started tutorial, document Usage Guide, and start your jquery UI Tour
<!doctype HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/ Xhtml1-transitional.dtd ">
Xmlns=http://www.111cn.net/>
<title></title>
<link href= ". /css Tutorial/ui-lightness/jquery-ui-1.8.11.custom.css "rel=" stylesheet "type=" Text/css "/>"
<script src= "Jquery-1.4.2.js" type= "Text/javascript" ></script>
<script src= "Jquery-ui-1.8.11.custom.min.js" type= "Text/javascript" ></script>
<script type= "Text/javascript" >
$ (function () {
$ ("#div1"). Dialog ();
});
</script>
<body>
<div id= "Div1" >
<table>
<tr><td> username </td><td><input type= "text" style= "width:100px"/></td></tr>
<tr><td> password </td><td><input type= "text" style= "width:100px"/></td></tr>
</table>
</div>
</body>
Take a look at the effect chart