Елементарен tooltip

Hous

Registered
От 1 час търся нещо простичко което да показва всеки title атрибут във черен фон с бял текст,вместо със стандартния стил.
Някой може ли да помогне?
jQuery е за предпочитане.Благодаря :)
 
Аз ползвам този

[js]$(document).ready(function() {

//Select all anchor tag with rel set to tooltip
$('a[rel=tooltip]').mouseover(function(e) {

//Grab the title attribute's value and assign it to a variable
var tip = $(this).attr('title');

//Remove the title attribute's to avoid the native tooltip from the browser
$(this).attr('title','');

//Append the tooltip template and its value
$(this).append('<div id="tooltip"><div class="tipBody">' + tip + '</div></div>');


}).mousemove(function(e) {

//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
$('#tooltip').css('top', e.pageY + 10 );
$('#tooltip').css('left', e.pageX + 20 );

}).mouseout(function() {

//Put back the title attribute's value
$(this).attr('title',$('.tipBody').html());

//Remove the appended tooltip template
$(this).children('div#tooltip').remove();

});

});
[/js]

[css]#tooltip { opacity: 0.9; position:absolute; color:#d4d4d4; font-size:13px;font-family: Myriad Pro2; }
#tooltip .tipBody {background-color:#000; padding:5px 15px 5px 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}[/css]

а линковете трябва да са така. <a href='kvoto iska6' rel='tooltip' title='aslasd'> и се показва текста aslasd като се посочи

Забравих да кажа,че трябва да си инклуднеш библиотеката.

Ето и демо от моя сайт.

4935.png
 

Горе