qTip2 - My test case

by Erik Bartlow

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"></div>

CSS

body{
    padding: 50px;
}

#box{
    background-color: #eee;
    height: 200px;
}

JavaScript

// Create the tooltips only when document ready
 $(document).ready(function()
 {
     $('#box').qtip({
         content: 'Mouse tracking!',
         position: {
             target: 'mouse', // Track the mouse as the positioning target
             adjust: { x: 5, y: 5 } // Offset it slightly from under the mouse
         }
     });
 });