Tipso - Responsive jQuery Tooltip Plugin

Tipso is a Lightweight Responsive jQuery Tooltip Plugin.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: tipso.object505.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="/path/to/tipso.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="/path/to/tipso.js"></script>

2. HTML

<p>Some <span class="title-tipso" title="This is the default title">content</span></p>

3. JAVASCRIPT

jQuery('.title-tipso').tipso();

4. OPTIONS

jQuery(element).tipso({
    speed       : 400,
    background  : '#55b555',
    color       : '#ffffff',
    position    : 'top',
    width       : 200,
    delay       : 200,
    offsetX     : 0,
    offsetY     : 0,
    content     : null,
    useTitle    : true,
    onShow      : null,
    onHide      : null
});

5. API

    $('.tipso').tipso('show');

    // Hide the tipso tooltip
    $('.tipso').tipso('hide');

    // Destroy tipso tooltip
    $('.tipso').tipso('destroy');

    // Add a callback when tipso is shown
    $('.tipso').tipso({
        onShow: function(){
            // Your code
        }
    });

    // Add a callback when tipso is hidden
    $('.tipso').tipso({
        onHide: function(){
            // Your code
        }
    });

    // Update tipso options
    $('.tipso').tipso('update', 'content', 'new content');