Loading, please wait...

ARTDESIGN TOOL TIP

Description

ArtDesign ToolTip is a JavaScript PlugIn, which presents HTML content in ToolTip
12 positions: TopLeft, TopCenter, TopRight, BottomLeft, BottomCenter, BottomRight, LeftTop, LeftMiddle, LeftBottom, RightTop, RightMiddle, RightBottom
Full support of all advanced Web browsers
Full style control only with JavaScript, without using CSS
Full style control - Size (width, height), Margin and Padding, Background (background color, gradient), Border (width, color, radius), Icon (font, size, color)
9 predefined styles
Set the style with attributes
Set multiple styles, and each of them overwrites the previous
Opportunity to define an unlimited number of own styles
Integration with ArtDesign Scroll Bar
Listening for hover events
Listening for click events
Listening for focus events
Public Methods: Destroy

Demo

HTML

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

JavaScript

<script type="text/javascript">
    $(document).ready(function() {
        $(".ArtDesign").ArtDesignToolTip();
    });
</script>