Der folgende Beitrag wurde am 03. 08. 2011, 10:17 Uhr von andro veröffentlicht.
Hallo zusammen,<script type="text/javascript">
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 20; //Get Y coordinates
var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip
//Distance of element from the right edge of viewport
var tipVisX = 493 - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = 768 - (mousey + tipHeight);
if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 100 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
}
tip.css({ top: mousey, left: mousex });
});
});
</script>
Der Auszug einer Tooltip-Box, die auch wunderbar im Zusammenhang mit CSS funktioniert. Ich habe da aber eine frage zu.
Ist es möglich die Tooltip-Box nach entfernen der Mouse etwas stehen zu lassen, um ggf. Inhalte aus der Box auszuwählen/kopieren zu können?
andré
Der folgende Beitrag wurde am 03. 08. 2011, 10:25 Uhr von suit veröffentlicht.
> Ist es möglich die Tooltip-Box nach entfernen der Mouse etwas stehen zu lassen, um ggf. Inhalte aus der Box auszuwählen/kopieren zu können?
Ist im Grunde dasselbe Problem wie hier:
http://forum.de.selfhtml.org/archiv/2011/7/t205967/
Der geschichte einsatz von delay() und stop() sollte hier reichen - wobei du die Sache mit den no-argument-Animationen beachten solltest.
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4