2008-12-23 11:24:52 +00:00
<!doctype html>
< html lang = "en" >
< head >
< title > jQuery UI Demos< / title >
2008-12-23 13:02:51 +00:00
< link type = "text/css" href = "demos.css" rel = "stylesheet" / >
2008-12-23 11:24:52 +00:00
< script type = "text/javascript" src = "../jquery-1.2.6.js" > < / script >
2008-12-23 13:02:51 +00:00
< script type = "text/javascript" src = "../ui/ui.core.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.accordion.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.datepicker.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.dialog.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.draggable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.droppable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.progressbar.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.resizable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.selectable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.slider.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.sortable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.tabs.js" > < / script >
2008-12-23 11:24:52 +00:00
< script type = "text/javascript" >
$(function() {
})
< / script >
< / head >
< body >
2008-12-23 15:39:01 +00:00
< table cellspacing = "0" cellpadding = "0" class = "layout-grid" id = "functional" >
< tr >
< td class = "left-nav" >
< div class = "section" style = "border:0; width:155px;" >
< p class = "side-menu-title" > Interactions< / p >
< div id = "links" class = "normal" style = "width:100%;" >
< ul class = "component-links" >
< li > < a href = "draggable/index.html" > Draggable< / a > < / li >
< li > < a href = "droppable/index.html" > Droppable< / a > < / li >
< li > < a href = "resizable/index.html" > Resizable< / a > < / li >
< li > < a href = "selectable/index.html" > Selectable< / a > < / li >
< li > < a href = "sortable/index.html" > Sortable< / a > < / li >
< / ul >
< / div >
< br style = "clear:both;" >
< / div >
< div class = "section" style = "border:0;" >
< p class = "side-menu-title" > Widgets< / p >
< div id = "links" class = "normal" >
< ul class = "component-links" >
< li > < a href = "accordion/index.html" > Accordion< / a > < / li >
< li > < a href = "datepicker/index.html" > Datepicker< / a > < / li >
< li > < a href = "dialog/index.html" > Dialog< / a > < / li >
< li > < a href = "progressbar/index.html" > Progressbar< / a > < / li >
< li > < a href = "slider/index.html" > Slider< / a > < / li >
< li > < a href = "tabs/index.html" > Tabs< / a > < / li >
< / ul >
< / div >
< br style = "clear:both;" >
< / div >
< div class = "section" style = "border:0;" >
< p class = "side-menu-title" > Effects< / p >
< div id = "links" class = "normal" >
< ul class = "component-links" >
< li > < a href = "#" > Easing< / a > < / li >
< li > < a href = "#" > General< / a > < / li >
< li > < a href = "#" > Show/Hide< / a > < / li >
< / ul >
< / div >
2008-12-23 11:24:52 +00:00
2008-12-23 15:39:01 +00:00
< br style = "clear:both;" >
< br style = "clear:both;" >
< / div >
< / td >
< td class = "normal" >
< div class = "normal" id = "containerDemo" >
< h3 > Instructions< / h3 >
< p >
The functional demos are provided to give users an idea of how jQuery UI works. You only need to copy and paste code from the demos. Have fun playing with it.
< / p >
< / div >
< / td >
< / tr >
< / table >
2008-12-23 11:24:52 +00:00
< / body >
< / html >
