github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-01-29 14:27:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

demos: modified overview file to use the website markup

Browse Source
This commit is contained in:
Paul Bakaus
2008-12-23 15:39:01 +00:00
parent e3b9588a58
commit 26be359cde
1 changed files with 55 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
demos/index.html
View File

@@ -25,24 +25,62 @@
</script>
</head>
<body>
<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>
<dl class="nav">
<dt>Interactions</dt>
<dd><a href="draggable/index.html">Draggable</a></dd>
<dd><a href="droppable/index.html">Droppable</a></dd>
<dd><a href="resizable/index.html">Resizable</a></dd>
<dd><a href="selectable/index.html">Selectable</a></dd>
<dd><a href="sortable/index.html">Sortable</a></dd>
<dt>Widgets</dt>
<dd><a href="accordion/index.html">Accordion</a></dd>
<dd><a href="datepicker/index.html">Datepicker</a></dd>
<dd><a href="dialog/index.html">Dialog</a></dd>
<dd><a href="progressbar/index.html">Progressbar</a></dd>
<dd><a href="slider/index.html">Slider</a></dd>
<dd><a href="tabs/index.html">Tabs</a></dd>
<dt>Effects</dt>
<dd>...</dd>
</dl>
<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>
</body>
</html>