diff options
| -rw-r--r-- | demos/effects_general/bounce.html | 44 | ||||
| -rw-r--r-- | demos/effects_general/default.html | 44 | ||||
| -rw-r--r-- | demos/effects_general/highlight.html | 44 | ||||
| -rw-r--r-- | demos/effects_general/index.html | 24 | ||||
| -rw-r--r-- | demos/effects_general/pulsate.html | 44 | ||||
| -rw-r--r-- | demos/effects_general/scale.html | 46 | ||||
| -rw-r--r-- | demos/effects_general/shake.html | 44 | ||||
| -rw-r--r-- | demos/effects_general/size.html | 56 | ||||
| -rw-r--r-- | demos/effects_general/transfer.html | 50 |
9 files changed, 0 insertions, 396 deletions
diff --git a/demos/effects_general/bounce.html b/demos/effects_general/bounce.html deleted file mode 100644 index a7c72b24e..000000000 --- a/demos/effects_general/bounce.html +++ /dev/null @@ -1,44 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Bounce Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.bounce.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #bounce { width: 240px; height: 135px; padding: 0.4em; } - #bounce h3 { margin: 0; padding: 0.4em; text-align: center; } - </style> - <script type="text/javascript"> - $(function() { - $("#bounce").click(function() { - $(this).effect("bounce"); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="bounce" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Bounce</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("bounce")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/effects_general/default.html b/demos/effects_general/default.html deleted file mode 100644 index a7c72b24e..000000000 --- a/demos/effects_general/default.html +++ /dev/null @@ -1,44 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Bounce Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.bounce.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #bounce { width: 240px; height: 135px; padding: 0.4em; } - #bounce h3 { margin: 0; padding: 0.4em; text-align: center; } - </style> - <script type="text/javascript"> - $(function() { - $("#bounce").click(function() { - $(this).effect("bounce"); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="bounce" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Bounce</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("bounce")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/effects_general/highlight.html b/demos/effects_general/highlight.html deleted file mode 100644 index cc291cb4f..000000000 --- a/demos/effects_general/highlight.html +++ /dev/null @@ -1,44 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Highlight Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.highlight.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #highlight { width: 240px; height: 135px; padding: 0.4em; } - #highlight h3 { margin: 0; padding: 0.4em; text-align: center; } - </style> - <script type="text/javascript"> - $(function() { - $("#highlight").click(function() { - $(this).effect("highlight"); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="highlight" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Highlight</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("highlight")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/effects_general/index.html b/demos/effects_general/index.html deleted file mode 100644 index baa196296..000000000 --- a/demos/effects_general/index.html +++ /dev/null @@ -1,24 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - General Demos</title> - <link type="text/css" href="../demos.css" rel="stylesheet" /> -</head> -<body> - -<div class="demos-nav"> - <h4>Effect examples:</h4> - <ul> - <li class="demo-config-on"><a href="default.html">Bounce</a></li> - <li><a href="highlight.html">Highlight</a></li> - <li><a href="pulsate.html">Pulsate</a></li> - <li><a href="scale.html">Scale</a></li> - <li><a href="shake.html">Shake</a></li> - <li><a href="size.html">Size</a></li> - <li><a href="transfer.html">Transfer</a></li> - </ul> -</div> - -</body> -</html> - diff --git a/demos/effects_general/pulsate.html b/demos/effects_general/pulsate.html deleted file mode 100644 index 3a9d78bbd..000000000 --- a/demos/effects_general/pulsate.html +++ /dev/null @@ -1,44 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Pulsate Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.pulsate.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #pulsate { width: 240px; height: 135px; padding: 0.4em; } - #pulsate h3 { margin: 0; padding: 0.4em; text-align: center; } - </style> - <script type="text/javascript"> - $(function() { - $("#pulsate").click(function() { - $(this).effect("pulsate"); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="pulsate" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Pulsate</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("pulsate")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/effects_general/scale.html b/demos/effects_general/scale.html deleted file mode 100644 index 34357d5df..000000000 --- a/demos/effects_general/scale.html +++ /dev/null @@ -1,46 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Scale Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.scale.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #scale { width: 240px; height: 135px; padding: 0.4em; } - #scale h3 { margin: 0; padding: 0.4em; text-align: center; } - </style> - <script type="text/javascript"> - $(function() { - $("#scale").toggle(function() { - $(this).effect("scale", { percent: 50 }); - }, function() { - $(this).effect("scale", { percent: 200 }); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="scale" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Scale</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("scale")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/effects_general/shake.html b/demos/effects_general/shake.html deleted file mode 100644 index fa4acb503..000000000 --- a/demos/effects_general/shake.html +++ /dev/null @@ -1,44 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Shake Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.shake.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #shake { width: 240px; height: 135px; padding: 0.4em; } - #shake h3 { margin: 0; padding: 0.4em; text-align: center; } - </style> - <script type="text/javascript"> - $(function() { - $("#shake").click(function() { - $(this).effect("shake"); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="shake" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Shake</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("shake")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/effects_general/size.html b/demos/effects_general/size.html deleted file mode 100644 index 374c57bdb..000000000 --- a/demos/effects_general/size.html +++ /dev/null @@ -1,56 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Size Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.scale.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - #size { width: 240px; height: 135px; padding: 0.4em; } - #size h3 { margin: 0; padding: 0.4em; text-align: center; } - </style> - <script type="text/javascript"> - $(function() { - $("#size").toggle(function() { - $(this).effect("size", { - to: { - width: 300, - height: 100 - } - }); - }, function() { - $(this).effect("size", { - to: { - width: 240, - height: 135 - } - }); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="size" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Size</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("size")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> diff --git a/demos/effects_general/transfer.html b/demos/effects_general/transfer.html deleted file mode 100644 index 9697c52bf..000000000 --- a/demos/effects_general/transfer.html +++ /dev/null @@ -1,50 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <title>jQuery UI Effects - Transfer Demo</title> - <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.3.js"></script> - <script type="text/javascript" src="../../ui/effects.core.js"></script> - <script type="text/javascript" src="../../ui/effects.transfer.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> - .ui-effects-transfer { border: 2px dotted gray; } - #transfer { width: 240px; height: 135px; padding: 0.4em; } - #transfer h3 { margin: 0; padding: 0.4em; text-align: center; } - #transfer-target { width: 80px; height: 80px; margin-top: 80px; } - </style> - <script type="text/javascript"> - $(function() { - $("#transfer").click(function() { - $(this).effect("transfer", { - to: "#transfer-target" - }); - }); - }); - </script> -</head> -<body> - -<div class="demo"> - -<div id="transfer" class="ui-widget-content ui-corner-all"> - <h3 class="ui-widget-header ui-corner-all">Transfer</h3> - <p> - Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. - </p> -</div> - -<div id="transfer-target" class="ui-widget-header"></div> - -</div><!-- End demo --> - -<div class="demo-description"> - -<p> -Click above to preview the <code>.effect("transfer")</code> effect. -</p> - -</div><!-- End demo-description --> - -</body> -</html> |