解决方法
var mouseX; var mouseY; $(document).mousemove( function(e) { mouseX = e.pageX; mouseY = e.pageY; }); $(".classForHoverEffect").mouSEOver(function(){ $('#DivToShow').css({'top':mouseY,'left':mouseX}).fadeIn('slow'); });
上面的函数将使DIV出现在链接上,无论这可能在页面上。当链接被悬停时,它会慢慢地淡入。您也可以使用.hover()。从那里DIV将留下,所以如果你想要DIV消失时,鼠标移开,然后,
$(".classForHoverEffect").mouSEOut(function(){ $('#DivToShow').fadeOut('slow'); });
如果你DIV已经定位,你可以简单使用
$('.classForHoverEffect').hover(function(){ $('#DivToShow').fadeIn('slow'); });
另外,请记住,您的DIV样式需要设置为display:none;为了它淡入或显示。