javascript - Jquery 对象悬停对象

Question

我有一张桌子z-index = 10。我也有一个带有 .gif 的图像（.gif）z-index = 100。图像通过使用从左向右移动：

$('#misil').animate({'margin-left':'1250px'},1700});

现在我想要图像经过的每个单元格，制作一些动画，也许像这样

 $('#cell').animate({'opacity':'1250px'},400});

Answer 1

我能想到的唯一方法是不断地将图像的位置与每个单元格的位置进行比较。这将对浏览器造成极大的负担，但我认为这确实是您唯一的选择。像这样的东西：

setInterval(function(){
    var imgpos = $('#misil').offset().left;
    var imgwidth = $('#misil').width();
    $('table .cell').each(function(){
        var cellpos = $(this).offset().left;
        var cellwidth = $(this).width();
        if( cellpos <= imgpos && (cellpos + cellwidth) <= (imgpos) )
        {
            $(this).animate({opacity: 1},400)
        }
    })
},10)

上面的代码将使每个单元格在图像在其上方时动画化为完全不透明。

您的代码有点奇怪（您不能使用像素值等为不透明度设置动画），但我想我理解了您的问题。