小编Gre*_*ben的帖子

我正在尝试构建一个受golden-spike.com启发的悬停效果(并实际调整其代码).但是有一些麻烦,因为他们的代码使用负z索引,我无法使用,因为我需要在页面上有背景颜色.

这是jsFiddle.您会注意到,如果将.show_img类的z-index更改为-1,则闪烁将完全消失.

这是我目前正在使用的Javascript:

$(document).ready(function() {
var mouseX;
var mouseY;
$(".title").mousemove( function(e) {
   mouseX = e.clientX; 
   mouseY = e.clientY;
});  
$(".title").hover(
  function () {
    $(this).next(".show_img").css("visibility","visible");
    $(window).bind('mousemove', function(e){
        $(".title").next(".show_img").css({'top':mouseY,'left':mouseX});
    });
  },
  function () {
    $(".show_img").css("visibility","hidden");

  });
});

在此先感谢您的帮助!