load page div

Question

w jaki sposób zrobić load diva podczas odtworzenia strony www lub po opuznieniu 1 sekundu  czyli

strona sie załadowała a nastepnie po kolei jeden div za drugim divem sie ładuje aż do ostatniego  mógłby ktoś wziaść mi podać przykład na http://jsfiddle.net lub na jakieś stronie  wiem że do tego jest potrzebna biblioteka ajax i jquery ale nie bardzo umiem  js

Answer 1

wiem że do tego jest potrzebna biblioteka ajax i jquery

Wystarczy czysty JS. W jQuery jest po prostu wygodniej

Mógłbyś dokładniej opisać problem? Ładować po kolei - w jakimś odstępie czasu? Przy scrollowaniu? 

Comments

np menu  górne   nie jest wczytywane przez jquery tylko przez css czyli przez przeglądarke

po wczytaniu tego menu  wczytują sie nastepujące  divy np

cała strona wraz z menu>div1>div2>div3>div>4>stopka strony

i to jedek za drugim  odstep czasowy 0.5 milistekund

a na stopce ma sie zakończyć ladowanie diva

---

Ok… A jaki sens ma mieć ten zabieg? Bo ja go szczerze mówiąc nie widzę ;)

---

sens ma być taki że dodać do tego animacje i że jeden div ładuje sie od góry drugi od dołu trzeci od lewej a czwartu od prawej  maiłby być taki efekt wejscia tych diwów  z roznych stron  może da sie to zrobić przy pomocy css bez jquery

tu znalazłem efeckt gdy ktoś kliknie w click me to dopiero sie załańcza efect a ja bym chciał gdzy się strona załaduje i  wtedy są ładowane te divy

http://jsfiddle.net/af3xy/4/ dałem tutaj load ale nic z tego

---

Da się to zrobić w czystym CSS. Postaram się wrzucić później demo ;)

---

Wersja pure CSS: http://jsfiddle.net/Comandeer/5rmopy5j/1/

Jedyna wada jest taka, że trzeba podać wysokość na sztywno

---

dzieki o coś takiego mi chodzi  jesli bede mial jakis problem z tym to bd tutaj pisal ale dałem na auto i też to działa

Answer 2

Szukasz gotowego rozwiazania czy chcesz sie tego nauczyc? :)

Comments

nie gotowego rozwiazanie  bo wtedy sie nie naucze tego  ale  przykład  na wzor  przyklado najlepiej sie uczy

Answer 3

o taki dokładnie efekt mi chodziło  znalazłem go  przypadkiem jak  szukałem funkcji animate css

http://codepen.io/anon/pen/jlfdG?editors=110 tylko żeby każdy jeden z innej strony  wchodził na stronę

Answer 4

Poradziłem sobie z tym  problemem http://zaq12wsx.cba.pl/www/#calosc tutaj możecie podejrzeć ten efekt