library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

demos: touched up the navigation a bit

Browse Source
This commit is contained in:
Richard Worth 2008-12-23 13:02:51 +00:00
parent 0aeb26d699
commit 8c94a14b0f
13 changed files with 64 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
demos/accordion/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Accordion Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Accordion</dt>
<dd><a href="default.html">Default</a></dd>
<dd><a href="mouseover.html">Mouseover</a></dd>

3
demos/datepicker/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Datepicker Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Datepicker</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

28
demos/demos.css
View File

@ -1 +1,29 @@
body { font-size: 62.5%; }
.nav {
font-family: Verdana,Arial,sans-serif;
width: 200px;
}
.nav dt {
color: #E87B10;
font-size: 1.8em;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0.5em;
}
.nav dd {
margin-left: 0.5em;
}
.nav dd a {
border-bottom:1px solid #F4F4F4;
color:#000000;
display:block;
font-size: 1.6em;
font-weight: bold;
height:1.4em;
padding:7px 3px 3px 12px;
text-decoration:none;
}
.nav dd a:hover {
background: #eaeaea;
border-bottom: 1px solid #bbb;
}

3
demos/dialog/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Dialog Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Dialog</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

3
demos/draggable/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Draggable Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Draggable</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

3
demos/droppable/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Droppable Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Droppable</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

15
demos/index.html
View File

@ -2,7 +2,20 @@
<html lang="en">
<head>
<title>jQuery UI Demos</title>
<link type="text/css" href="demos.css" rel="stylesheet" />
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<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>
<script type="text/javascript">
$(function() {
@ -13,7 +26,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Interactions</dt>
<dd><a href="draggable/index.html">Draggable</a></dd>
<dd><a href="droppable/index.html">Droppable</a></dd>

3
demos/progressbar/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Progressbar Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Progressbar</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

3
demos/resizable/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Resizable Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Resizable</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

3
demos/selectable/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Selectable Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Selectable</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

3
demos/slider/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Slider Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Slider</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

3
demos/sortable/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Sortable Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Sortable</dt>
<dd><a href="default.html">Default</a></dd>
</dl>

3
demos/tabs/index.html
View File

@ -2,6 +2,7 @@
<html lang="en">
<head>
<title>jQuery UI Tabs Demos</title>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function() {
@ -11,7 +12,7 @@
</head>
<body>
<dl>
<dl class="nav">
<dt>Tabs</dt>
<dd><a href="default.html">Default</a></dd>
</dl>