Jump to content
php.lv forumi
  • 0

Jquery Delay Show Each div


reiniger

Question

Sveiki.

 

Nepieciešams Jquery katru DIV tagu parada ar pauzem. Neizmantoju ID jo tie div tagi var but diezgan daudz!

<div>1</div>
<div>2</div>
<div>3</div>

Mans Jquery

<script type="text/javascript">
$(document).ready(function() {
     $("div").each(function(i) {
               $(this).delay(800).fadeIn(400).toggleClass("example");
           });
});    
</script>

Kā panakt lai atverot lapu paradas div 1 pec 800 paradas div 2 un vel pec 800 div 3 utt.?

Edited by reiniger
Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Vel pie reizes.

 

Es šādi atveru POPUP un tur man height ir 100px bet <DIV> tagi tur ir vairak ka ielien ekrana man ir ieslēgta 'scrollbars=yes'.

 

Kā panākt lai vidu laiku man radas lapas apakša? Rodas efekts ka teksts nak uz augšu un es redzu visu laikau piemēram 10 pēdējos DIV kas ir parādījušies. Un ja gribu varu vēlāk pascroollet uz augšu un redzet iepriekšējos.

 

PS: Mēģināju ar focus(), bet nesanaca, varbut ne tur ieliku!

Edited by reiniger
Link to comment
Share on other sites

  • 0

Vel pie reizes.

 

Es šādi atveru POPUP un tur man height ir 100px bet <DIV> tagi tur ir vairak ka ielien ekrana man ir ieslēgta 'scrollbars=yes'.

 

Kā panākt lai vidu laiku man radas lapas apakša? Rodas efekts ka teksts nak uz augšu un es redzu visu laikau piemēram 10 pēdējos DIV kas ir parādījušies. Un ja gribu varu vēlāk pascroollet uz augšu un redzet iepriekšējos.

 

PS: Mēģināju ar focus(), bet nesanaca, varbut ne tur ieliku!

$(document).ready(function() {
         var delay = 0;
         $("div").each(function(i) {
             $(this).delay(delay+=800).fadeIn(400, function (){
               $("html").animate({ scrollTop: $(document).height() }, "slow");
             }).toggleClass("example");
         });
});   

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...