tooltip

by Akram kamal

HTML

<div class="content">
http://jsfiddle.net/#run        <div class="main">
            <h1>Tooltips</h1>
            <p>You can add tooltips to anything on a page.</p>
            <div class="row">
            <p id="contact" title="hello contact">Contact Us</p>
            </div>
        </div>
    </div>
    <footer>
        <p>JavaScript &amp; jQuery: The Missing Manual, 3rd Edition, by <a href="http://sawmac.com/">David McFarland</a>. Published by <a href="http://oreilly.com/">O'Reilly Media, Inc</a>.</p>
    </footer>
</div>
<!-- put template here -->
<script id="contactInfo" type="text/template">

<p>You can reach us at 555-555-5555</p>
<p><img src="images/map.png" title="I am a map!"></p>

</script>

JavaScript

$(document).ready(function() {
 $('#contact').tooltip({
    content: $('#contactInfo').html()
 }); // end tooltip
}); // end ready