Witam, jak może uzyskać efekt pojawienia się zawartości jednego diva na stronie gdy cała zawartość strony zostanie załadowana.
Czyli div’a ma nie być do momentu zakończenia ładowania strony?
Jeśli tak, to dajesz kod js/jq, który “pokaże” określony element po załadowaniu:
$(document).ready(function() {
...kod określający element i wykonane na nim działania...
});
Jak masz określonego/nazwanego div’a, niech dla przykładu będzie o klasie “pkp”, w css’ie ma ustawione “display: none;”, wtedy przykładowy kod js może wyglądać tak:
$(document).ready(function() {
$('.pkp').show();
});
Nieco bardziej rozwinięty przykład (z opóźnieniem 3 sekund i 2-sekundową animacją pojawiania się).
PS. Pamiętaj tylko, że do powyższego potrzebujesz “podpiąć” bibliotekę jquery do sekcji head strony…
jak można byłoby połączyć to drugie rozwiązanie z tą funkcją…
żeby właśnie div wchodził z cienia po załadowaniu strony, zamiast od razu wjeżdżał jak to przedstawia tak funkcja.
var new_w = $(window).width() - $title.outerWidth(true);
return $.Deferred(
function(dfd) {
//slides out the menu
$menu.stop()
.animate({
width : new_w + 'px'
}, 1000, dfd.resolve);
}
).promise();
},