qTip2 - My test case

by araque

HTML

<script src="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.js"></script>
<link rel="stylesheet" href="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.css">
<div id="box" title="Testing"></div>

CSS

body{
    padding: 50px;
}
#box{
    width: 200px;
    height: 200px;
    background-color: #eee;
    margin: 20px;
    position: relative;
}

JavaScript

// Create the tooltips only when document ready
$(document).ready(function() {
    // MAKE SURE YOUR SELECTOR MATCHES SOMETHING IN YOUR HTML!!!
    $('#box').qtip({
        position: {
            target: 'mouse',
            adjust: {
                mouse: true
            },
            container: $('#box')
        }
    });
});