Jquery对象悬停对象

时间:2013-04-17 01:59:41

标签: javascript jquery html5

我有一张z-index = 10的表格。我还有z-index = 100的图像(.gif)。图像使用以下方式从左向右移动:

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

现在我希望每个单元格都可以处理图像,制作一些动画,也许就像

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

1 个答案:

答案 0 :(得分:0)

我能想到的唯一方法是不断比较图像的位置和每个单元格的位置。这对浏览器来说非常沉重,但我认为这是你唯一的选择。像这样:

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)

上面的代码会使每个单元格在图像覆盖它的过程中为完全不透明度设置动画。

您的代码有点奇怪(您无法使用像素值制作不透明度等),但我想我理解您的问题。