Verwenden Sie einfaches jQuery + CSS, um einen benutzerdefinierten Tooltip für Tag-Titel zu erstellen

</pre><pre name="code" class="javascript">$(Funktion() {
$("a[Titel]").each(Funktion() {
var a = $(dies);
var Titel = a.attr('Titel');
wenn (Titel == undefiniert || Titel == "") return;
a.data('Titel', Titel)
.removeAttr('Titel')
.schweben(
Funktion () {
var offset = a.offset();
$("<div id=\"anchortitlecontainer\"></div>").appendTo($("body")).html(title).css({ oben: offset.top + a.outerHeight() + 10, links: offset.left + a.outerWidth() + 1 }).fadeIn(Funktion () {
var pop = $(dies);
setTimeout(Funktion () { pop.remove(); }, pop.text().Länge*80);
});
},
Funktion() { $("#anchortitlecontainer").entfernen(); }
);
});
});

#Ankertitelcontainer {
Position: absolut;
Z-Index: 5999;
Rand: durchgezogen 1px #315B6C;
Polsterung: 5px;
Farbe: #315B6C;
Hintergrund: keine Wiederholung, Scrollen 0 0 #FFFFFF;
Rahmenradius: 5px;
Anzeige: keine;
}
#anchortitlecontainer:vor {
Position: absolut;
unten: automatisch;
links: -1px;
oben: -15px;
Rahmenfarbe: transparent transparent transparent #315B6C;
Rahmenstil: durchgezogen;
Rahmenbreite: 15px;
Inhalt: "";
Anzeige: Block;
Breite: 0;
}
#anchortitlecontainer:nach {
Position: absolut;
unten: automatisch;
links: 0px;
oben: -13px;
Rahmenfarbe: transparent transparent transparent #FFFFFF;
Rahmenstil: durchgezogen;
Rahmenbreite: 15px;
Inhalt: "";
Anzeige: Block;
Breite: 0;
}