jquery tooltip / bewegt sich mit der Maus verschieben / Tooltipp mit der Mausposition
Den jQuery Tools tooltip ist ok für mich!
Aber ich möchte es zu bewegen mit der Maus verschieben (tooltip relativ zum Maus-position). Wie kann ich das tun? Oder gibt es einen anderen plugin in dieser Art und Weise?
IMO, sollten Sie akzeptieren null-Zulässigkeit, die Antwort. Die native jQuery-tooltip, der schon viel gesehen hat von Fortschritt, da diese Frage wurde ursprünglich beantwortet.
InformationsquelleAutor SilverLight | 2011-04-26
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich glaube es ist nicht möglich, mit dem jQuery TOOLS tooltip plugin.
Den Bassistance Tooltip-plugin unterstützt, was Sie wollen. Verwenden
track: true
wie in diese demo:Wenn Sie nicht wie das plugin, qTip2 unterstützt auch Maus-tracking. Sehen diese demo (entspricht jsFiddle hier).
InformationsquelleAutor Matt Ball
jQuery-UI enthält nun eine
.tooltip()
widget in der version 1.9, und es bietet jetzt die Möglichkeittrack: true
zu machen tooltips Folgen der Maus. Nur geben Sie es als eine option bei der Initialisierung des widgets:In Aktion sehen Sie hier: http://jqueryui.com/tooltip/#tracking
Dies ist hilfreich, wenn Sie bereits mit jQuery UI und nicht wollen, um eine weitere Bibliothek. Überprüfen Sie heraus die API für weitere details zu diesem widget: http://api.jqueryui.com/tooltip/
InformationsquelleAutor nullability
Ich das mit jQuery Tools tooltip
wo .tooltip ist der css-Klasse
InformationsquelleAutor Adrian
HTML
CSS (Fügen Sie Stile hinzu, wie Sie möchten, in das script unten habe ich auch Hinzugefügt, das angehängte element ist Klasse, um die tooltip-div)
JAVASCRIPT (jQuery, vergessen Sie nicht, gehören die jQuery-Bibliothek, ich habe die include-tag)
InformationsquelleAutor Taha Rehman Siddiqui
$(function(){
window.onmousemove = function (e) {
var tooltips = $('div.ui-tooltip');
var x = (e.clientX + 10) + 'px',
y = (e.clientY + 10) + 'px';
for (var i = 0; i < tooltips.length; i++) {
tooltips[i].style.top = y;
tooltips[i].style.left = x;
}
};
});
Wenn Sie die jquery-ui-tooltip, das code-fragment wird den trick tun!
InformationsquelleAutor Zhelyo Hristov