[tooltip]
Creates a tooltip.
There are two shortcodes that can be nested into the tooltip shortcode, the tooltip_over and tooltip_content shortcodes.
The tooltip will appear over the content of the tooltip_over shortcode displaying the content of the tooltip_content shortcode.
Example:
[tooltip]
[tooltip_over]Move the mouse over this text.[/tooltip_over]
[tooltip_content]This is a tooltip.[/tooltip_content]
[/tooltip]
The tooltip_content and tooltip_over shortcodes have no attributes.
The following attributes are supported by the tooltip shortcode:
Attributes: | |
---|---|
delayhide | The amount of time in milliseconds that the tooltip should remain visible before it hides. The value of 0 means that there is no time limit. |
delayshow | The amount of time in milliseconds after the tooltip will be visible. The value of 0 means that there is no time limit. |
direction | The default direction of the tooltip (up, down, left, right). |
frameclass | Space separated list of CSS classes to add to the wrapper element of the tooltip. You can use this option to apply individual styles to the tooltip. |
hideonmouseout | Set to true if you want to hide the tooltip on mouseout (true, false). Default is true. |
hideontipmouseout | Set to true if you want to hide the tooltip when the mouse pointer moves out of it (true, false). Default is true. |
keepvisibleovertip | Set to true if you want to keep visible the tooltip while the mouse pointer is over it (true, false). Default is true. |
offsetvertical | Specifies the vertical distance between the element and the tooltip, in pixels. |
offsethorizontal | Specifies the horizontal distance between the element and the tooltip, in pixels. |
timelimit | Specifies the amount of time, in milliseconds, the tooltip remains visible. Zero means there is no time limit. Default is 5000. |