From b81259652b15190f061b1eecbb0f39f9938a32f4 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Jo=CC=88rn=20Zaefferer?= Date: Thu, 10 Nov 2011 20:42:03 +0100 Subject: [PATCH] Tooltip: Add demo with custom tooltip style. --- demos/tooltip/custom-style.html | 111 ++++++++++++++++++++++++++++++++ demos/tooltip/index.html | 1 + 2 files changed, 112 insertions(+) create mode 100644 demos/tooltip/custom-style.html diff --git a/demos/tooltip/custom-style.html b/demos/tooltip/custom-style.html new file mode 100644 index 000000000..65d7e1b2e --- /dev/null +++ b/demos/tooltip/custom-style.html @@ -0,0 +1,111 @@ + + + + + jQuery UI Tooltip - Default functionality + + + + + + + + + + + + +
+ +

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 tooltips accordingly.

+

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

+

+

Hover the field to see the tooltip.

+ +
+ + + +
+

Hover the links above or use the tab key to cycle the focus on each element.

+
+ + + diff --git a/demos/tooltip/index.html b/demos/tooltip/index.html index 6e7c6836e..3753bc181 100644 --- a/demos/tooltip/index.html +++ b/demos/tooltip/index.html @@ -11,6 +11,7 @@

Examples