From 4d6770fe13b6fa73d36b3f72d04585dc744e7961 Mon Sep 17 00:00:00 2001 From: jzaefferer Date: Tue, 26 Oct 2010 14:47:31 +0200 Subject: Tooltip: Added demo for custom animations --- demos/tooltip/custom-animation.html | 55 +++++++++++++++++++++++++++++++++++++ demos/tooltip/index.html | 1 + 2 files changed, 56 insertions(+) create mode 100644 demos/tooltip/custom-animation.html (limited to 'demos/tooltip') diff --git a/demos/tooltip/custom-animation.html b/demos/tooltip/custom-animation.html new file mode 100644 index 000000000..585360d7c --- /dev/null +++ b/demos/tooltip/custom-animation.html @@ -0,0 +1,55 @@ + + + + jQuery UI Tooltip - Custom animation demo + + + + + + + + + + + + +
+ +

Tooltips can be attached to any element. When you hover + the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip. +

+

But as it's not a native tooltip, it can be styled. Any themes built with + ThemeRoller + will also style tooltip's accordingly.

+

Tooltip's are also useful for form elements, to show some additional information in the context of each field.

+

+

Click the field to see the tooltip; when you tab out of the field, it gets hidden.

+ +
+ + + +
+ +

Here the tooltips are positioned relative to the mouse, and follow the mouse while it moves above the element.

+ +
+ + + + + diff --git a/demos/tooltip/index.html b/demos/tooltip/index.html index 9b1efefe4..e55575d4c 100644 --- a/demos/tooltip/index.html +++ b/demos/tooltip/index.html @@ -12,6 +12,7 @@
  • Default functionality
  • Forms with tooltips
  • Track the mouse
    • +
  • Custom animation
    • -- cgit v1.2.3