diff options
Diffstat (limited to 'src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html')
| -rw-r--r-- | src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html | 129 |
1 files changed, 129 insertions, 0 deletions
diff --git a/src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html b/src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html new file mode 100644 index 0000000..70232b2 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/docs/effect-slide.html @@ -0,0 +1,129 @@ + +<ul class="UIAPIPlugin-toc"> +<li><a href="#overview">Overview</a></li> +<li><a href="#options">Arguments</a></li> +</ul> +<div class="UIAPIPlugin"> + <h1>jQuery UI Slide Effect</h1> + <div id="overview"> + <h2 class="top-header">Overview</h2> + <div id="overview-main"> + <p>Slides the element out of the viewport. </p> + </div> + <div id="overview-dependencies"> + <h3>Dependencies</h3> + <ul> +<li>Effects Core</li> +</ul> + </div> + <div id="overview-example"> + <h3>Example</h3> + <div id="overview-example" class="example"> +<ul><li><a href="#demo"><span>Demo</span></a></li><li><a href="#source"><span>View Source</span></a></li></ul> +<p><div id="demo" class="tabs-container" rel="170"> +Hides the element by sliding it down.<br /> +</p> +<pre> +$("div").click(function () { + $(this).hide("slide", { direction: "down" }, 1000); +}); + +</pre> +<p></div><div id="source" class="tabs-container"> +</p> +<pre><!DOCTYPE html> +<html> +<head> + <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> + <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> + <style type="text/css"> + div { margin: 0px; width: 100px; height: 80px; background: green; border: 1px solid black; position: relative; } +</style> + + <script> + $(document).ready(function() { + +$("div").click(function () { + $(this).hide("slide", { direction: "down" }, 1000); +}); + + }); + </script> +</head> +<body style="font-size:62.5%;"> + <div></div> +</body> +</html> +</pre> +<p></div> +</p><p></div> + </div> + </div> + <div id="options"> + <h2 class="top-header">Arguments</h2> + <ul class="options-list"> + +<li class="option" id="option-direction"> + <div class="option-header"> + <h3 class="option-name"><a href="#option-direction">direction</a></h3> + <dl> + <dt class="option-type-label">Type:</dt> + <dd class="option-type">String</dd> + + <dt class="option-default-label">Default:</dt> + <dd class="option-default">"left"</dd> + + </dl> + </div> + <div class="option-description"> + <p>The direction of the effect. Can be "left", "right", "up", "down".</p> + </div> +</li> + +<li class="option" id="option-distance"> + <div class="option-header"> + <h3 class="option-name"><a href="#option-distance">distance</a></h3> + <dl> + <dt class="option-type-label">Type:</dt> + <dd class="option-type">Integer</dd> + + <dt class="option-default-label">Default:</dt> + <dd class="option-default">el.outerWidth</dd> + + </dl> + </div> + <div class="option-description"> + <p>The distance of the effect. Is set to either the height or width of the elemenet depending on the direction option. Can be set to any integer less than the width/height of the element.</p> + </div> +</li> + +<li class="option" id="option-mode"> + <div class="option-header"> + <h3 class="option-name"><a href="#option-mode">mode</a></h3> + <dl> + <dt class="option-type-label">Type:</dt> + <dd class="option-type">String</dd> + + <dt class="option-default-label">Default:</dt> + <dd class="option-default">"show"</dd> + + </dl> + </div> + <div class="option-description"> + <p>The mode of the effect. Can be "show" or "hide".</p> + </div> +</li> + + </ul> + </div> +</div> + +</p><!-- +Pre-expand include size: 5543 bytes +Post-expand include size: 6686 bytes +Template argument size: 3676 bytes +Maximum: 2097152 bytes +--> + +<!-- Saved in parser cache with key jqdocs_docs:pcache:idhash:2620-1!1!0!!en!2 and timestamp 20111125195213 --> |