อยากทำแบบว่า "พอเอาเมาส์ไปชี้ที่รูป แล้วมีข้อความเด่งแสดงขึ้นมาอะครับ"

<script type="text/javascript">
// Create the tooltips only when document ready
$(document).ready(function () {
    
    // This will automatically grab the 'title' attribute and replace
    // the regular browser tooltips for all <a> elements with a title attribute!
    $('a[title]').qtip();
    
});
</script>
<style type="text/css">
body {
    padding: 50px;
}
</style>
<a href="#test" title="My tooltip text">Sample link</a>

<script type="text/javascript">
// Create the tooltips only when document ready
 $(document).ready(function()
 {
     // MAKE SURE YOUR SELECTOR MATCHES SOMETHING IN YOUR HTML!!!
     $('a').qtip({
        content: 'We can utilise jQuery UI\'s additional effects too',
        show: {
            effect: function() {
                $(this).show('slide', 500);
            }
        },
        hide: {
            effect: function() {
                $(this).hide('puff', 500);
            }
        }
     });
 });;
</script>
<style type="text/css">
body{
    padding: 50px;
}
</style>
<a href="#test" title="My tooltip text">Sample link</a>