diff options
Diffstat (limited to 'apps/it/static/js/ui/demos/tooltip/custom-animation.html')
| -rw-r--r-- | apps/it/static/js/ui/demos/tooltip/custom-animation.html | 54 |
1 files changed, 0 insertions, 54 deletions
diff --git a/apps/it/static/js/ui/demos/tooltip/custom-animation.html b/apps/it/static/js/ui/demos/tooltip/custom-animation.html deleted file mode 100644 index 02f2003..0000000 --- a/apps/it/static/js/ui/demos/tooltip/custom-animation.html +++ /dev/null @@ -1,54 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Tooltip - Custom animation demo</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.10.2.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.position.js"></script> - <script src="../../ui/jquery.ui.tooltip.js"></script> - <script src="../../ui/jquery.ui.effect.js"></script> - <script src="../../ui/jquery.ui.effect-explode.js"></script> - <link rel="stylesheet" href="../demos.css"> - <script> - $(function() { - $( "#show-option" ).tooltip({ - show: { - effect: "slideDown", - delay: 250 - } - }); - $( "#hide-option" ).tooltip({ - hide: { - effect: "explode", - delay: 250 - } - }); - $( "#open-event" ).tooltip({ - show: null, - position: { - my: "left top", - at: "left bottom" - }, - open: function( event, ui ) { - ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, "fast" ); - } - }); - }); - </script> -</head> -<body> - -<p>There are various ways to customize the animation of a tooltip.</p> -<p>You can use the <a id="show-option" href="http://jqueryui.com/demos/tooltip/#option-show" title="slide down on show">show</a> and -<a id="hide-option" href="http://jqueryui.com/demos/tooltip/#option-hide" title="explode on hide">hide</a> options.</p> -<p>You can also use the <a id="open-event" href="http://jqueryui.com/demos/tooltip/#event-open" title="move down on show">open event</a>.</p> - -<div class="demo-description"> -<p>This demo shows how to customize animations using the show and hide options, -as well as the open event.</p> -</div> -</body> -</html> |