qTip2 - My test case

by felixsigl

HTML

<script src="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.js"></script>
<link rel="stylesheet" href="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.css">
<a href="#test" class="qTip" title="This is a sample tooltip.">Sample link</a><br /><br />
<a href="#" onclick="$('a.qTip').qtip('option', 'hide.delay', 5000); return false;">Cick to try API option hide.delay change</a>

CSS

body
{
    padding: 50px;
    overflow: hidden; /* Keep scrollbars from showing up */
}

JavaScript

// Create the tooltips only when document ready
 $(document).ready(function()
 {
     $('a.qTip').qtip(
     {hide: {
                delay: 150,
                fixed: true,
                solo: true,
                event: "mouseleave"
            },
            prerender: false
     });
 });