Sposta più div come lo sfondo a matrice con una funzione

Sto facendo una sorta di sfondo a matrice, le immagini stanno andando a cadere in momentjs casuali. Vorrei passare la divisione a una funzione come argomento per avviare l’animazione. Non riesco a capire come farlo. Non penso che sia una buona pratica scrivere la stessa funzione per ogni immagine che cade. Questo è quello che ho-

$(document).ready(function(){ function row_01(id){ var movePixAmount = 10; setInterval(function(){ $(id).animate({ marginTop: movePixAmount+"px" }, 10); movePixAmount = movePixAmount +10; if(movePixAmount === 600){ movePixAmount = 0; }; }, 100);//inter }; row_01("#l_0")

Grazie per tutto l’aiuto

È stata una battaglia piuttosto lunga, ma ho vinto (: se lo fai con una funzione, ci sarà conflitto o avranno tutti la stessa velocità.

Ma invece puoi scrivere 4 diverse functions setInterval con velocità diverse e applicare queste functions più elementi come 100 elementi. Basta definire diversi valori di left per non attraversare. Qui sta lavorando jsFiddle.

jQuery:

 var eleHeight = $('.drop_leds').height(); var windowH = $(window).height(); var count1 = 0; var count2 = 0; var counter; var windowLimit = windowH + eleHeight; counter = window.setInterval(function() { if( count1 >= 0 && count1 < windowLimit ) { count1 += 1; $('#l_0,#l_6').css({'top':count1 +'px'}); } else if( count1 >= windowLimit ) { count1=0; $('#l_0,#l_6').css({'top':'-'+ eleHeight +'px'}); } },1); counter = window.setInterval(function() { if( count2 >= 0 && count2 < windowLimit ) { count2 += 4; $('#l_1,#l_4').css({'top':count2 +'px'}); } else if( count2 >= windowLimit ) { count2=0; $('#l_1,#l_4').css({'top':'-'+ eleHeight +'px'}); } },1); 

css:

 .drop_leds {position:absolute; width:10px;height:60px;background:black;top:0px; } #l_0 { left:40px; } #l_1 { left:70px; } #l_2 { left:110px; } #l_3 { left:140px; } #l_4 { left:180px; } #l_5 { left:210px; } #l_6 { left:220px; } #l_7 { left:240px; } 

So che questo è vecchio, ma nel caso in cui un altro umano finisca per guardare qui, ho creato un plugin che puoi aggiungere al tuo sito web per far funzionare lo sfondo animato della matrice. https://github.com/manacu/manacuMatrixBg

Spero possa aiutare!