Loading, please wait...

ARTDESIGN TOOL TIP

EXAMPLES

Overwrite settings

<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-options="Blue">ArtDesign ToolTip Blue</div>

Frequently overwriting settings

<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-options="Blue, FullBlue">ArtDesign ToolTip Full Blue</div>

Custom position

<!--TopLeft, TopCenter, TopRight, BottomLeft, BottomCenter, BottomRight, LeftTop, LeftMiddle, LeftBottom, RightTop, RightMiddle, RightBottom-->
<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-position="RightMiddle">ArtDesign ToolTip Right Middle</div>

Horizontal position

<!--TopLeft, TopCenter, TopRight, BottomLeft, BottomCenter, BottomRight-->
<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-x="-18">ArtDesign ToolTip Horizontal Position</div>

Vertical position

<!--LeftTop, LeftMiddle, LeftBottom, RightTop, RightMiddle, RightBottom-->
<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-position="RightTop" data-ad-tooltip-y="-18">ArtDesign ToolTip Horizontal Position</div>

External content

<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-external-content="#Content">ArtDesign ToolTip external content</div>
<div id="Content"><div>External content</div></div>

Custom target



<div class="ToolTipBox WedgeWood" data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-position="RightMiddle" data-ad-tooltip-target="#Target">ArtDesign ToolTip custom target</div>
<div id="Target">Target</div>

Event click

<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-event="Click">ArtDesign ToolTip event click</div>

Event focus

<div data-plugin-ad-tooltip="ad-tooltip" data-ad-tooltip-title="Title" data-ad-tooltip-content="Content" data-ad-tooltip-event="Focus">ArtDesign ToolTip event focus</div>