Jquery 객체를 가리키는 객체

Question

z-index = 10이있는 테이블이 있습니다. 또한 z-index = 100의 이미지 (.gif)가 있습니다. 이미지를 사용하여 왼쪽에서 오른쪽으로 이동 :

이

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

가 지금은 이미지의 단계에 의해 모든 세포를 원하는 몇 가지 애니메이션을, 어쩌면 내가 할 생각할 수

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

Answer 1

유일한 방법처럼 somethis 이것은 지속적으로 이미지의 위치를 ​​모든 단일 셀의 위치와 비교하는 것입니다. 이것은 극도로 브라우저에 부담이 될 것이지만, 나는 그것이 정말로 유일한 옵션이라고 생각합니다. 이런 식으로 :

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) 

위의 코드는 이미지가 위에있는 동안 각 셀을 완전 불투명하게 만듭니다.

코드가 약간 이상합니다 (픽셀 값 등을 사용하여 불투명도를 움직일 수는 없지만). 귀하의 질문을 이해 한 것 같습니다.