diff options
| author | Todd Parker <fg.todd@gmail.com> | 2008-12-29 21:51:34 +0000 |
|---|---|---|
| committer | Todd Parker <fg.todd@gmail.com> | 2008-12-29 21:51:34 +0000 |
| commit | b5759168f0308e586513825a1ee9a7b8194cc527 (patch) | |
| tree | a47103790358cb865461137e1e2c3120c7bed2c9 /demos/slider/multiple_vertical.html | |
| parent | 229bebf466e31a817b5681850afc36dd36ef896d (diff) | |
| download | jquery-ui-b5759168f0308e586513825a1ee9a7b8194cc527.tar.gz jquery-ui-b5759168f0308e586513825a1ee9a7b8194cc527.zip | |
Added 4 new slider demos, edited index page and existing demos
Diffstat (limited to 'demos/slider/multiple_vertical.html')
| -rw-r--r-- | demos/slider/multiple_vertical.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/demos/slider/multiple_vertical.html b/demos/slider/multiple_vertical.html new file mode 100644 index 000000000..79544596a --- /dev/null +++ b/demos/slider/multiple_vertical.html @@ -0,0 +1,70 @@ +<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Slider - Range Min Demo</title>
+ <link type="text/css" href="../demos.css" rel="stylesheet" />
+ <link type="text/css" href="../../themes/default/ui.all.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.slider.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#slider0").slider({
+ range: "min",
+ value: 60
+ });
+ $("#slider1").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 88
+ });
+ $("#slider2").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 77
+ });
+ $("#slider3").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 55
+ });
+ $("#slider4").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 33
+ });
+ $("#slider5").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 40
+ });
+ $("#slider6").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 45
+ });
+ $("#slider7").slider({
+ orientation: "vertical",
+ range: "min",
+ value: 70
+ });
+ });
+ </script>
+</head>
+<body>
+
+Master volume:
+<div id="slider0" style="width:260px; margin:15px; clear:both;"></div>
+
+<br/><br/>
+
+Graphic EQ:
+<div id="slider1" style="height:120px; float:left; margin:15px"></div>
+<div id="slider2" style="height:120px; float:left; margin:15px"></div>
+<div id="slider3" style="height:120px; float:left; margin:15px"></div>
+<div id="slider4" style="height:120px; float:left; margin:15px"></div>
+<div id="slider5" style="height:120px; float:left; margin:15px"></div>
+<div id="slider6" style="height:120px; float:left; margin:15px"></div>
+<div id="slider7" style="height:120px; float:left; margin:15px"></div>
+</body>
+</html>
|