<script type="text/javascript">
$('a[title]').hover(function (e) {   
$(this).data('titl', $(this).attr('title'));   
e = e || window.event;   
$(this).removeAttr('title');   
$('body').append($('<div class="hint" style="opacity: 0; color: #fff; padding: 3px; position: absolute; border: 1px dashed #469BCD; background: #0066A1;"></div>').css({   
top: e.pageY + 20,   
left: e.pageX + 20   
}).html($(this).data('titl')).animate({   
opacity: 0.8,   
top: '-=10px',   
left: '-=10px'   
},   
300));   
$(this).mousemove(function (ev) {   
ev = ev || window.event;   
$('div.hint').css({   
top: ev.pageY + 10,   
left: ev.pageX + 10   
});   
});   
},   
function () {   
$('div.hint').animate({   
opacity: 0,   
top: '+=10px',   
left: '+=10px'   
},   
300, function () {   
$(this).remove();   
})   
$(this).mousemove(function(){}),   
$(this).attr('title', $(this).data('titl'));   
});   
</script>