Hallo,
ich verwende für einen schönen Mouseover-Effekt von Elementen folgenden Javascript (von irgendwo aus dem Web):
Dabei ist klasse2, also das, was beim Mouseover angezeigt wird, in css absolut positioniert.
Wie ich soeben feststellen musste, darf klasse1 aber kein absolut positioniertes Element sein, denn dann klappt es nicht, da - ich vermute - klasse2 irgendwo außerhalb des Sichtbaren erscheint.
Wie kriege ich das nun hin?
ich verwende für einen schönen Mouseover-Effekt von Elementen folgenden Javascript (von irgendwo aus dem Web):
Code:
$(document).ready(function() {
$(".klasse1").hover(function(){
tip = $(this).find('.klasse2');
tip.show();
}, function() {
tip.hide();
}).mousemove(function(e) {
var mousex = e.pageX + 20;
var mousey = e.pageY + 36;
var tipWidth = tip.width();
var tipHeight = tip.height();
var tipVisX = $(window).width() - (mousex + tipWidth);
var tipVisY = $(window).height() - (mousey + tipHeight);
if ( tipVisX < 20 ) {
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) {
mousey = e.pageY - tipHeight - 36;
}
tip.css({ top: mousey, left: mousex });
});
});Wie ich soeben feststellen musste, darf klasse1 aber kein absolut positioniertes Element sein, denn dann klappt es nicht, da - ich vermute - klasse2 irgendwo außerhalb des Sichtbaren erscheint.
Wie kriege ich das nun hin?
