홈페이지 첫화면 잠시 멈추고 이동하는 것 어떻게 하나요?
관련링크
본문
답변 3
fakeLoader.js를 활용한것으로 보입니다
전체화면 레이어를 보여준 뒤, fadeout 효과를 준 것으로 보입니다.
<div class="at-loader">
<div class="loader">
<img src="~.png" alt="">
<p style="font-size: 14px;">~</p>
</div>
</div>
<script>
$(".at-loader .loader").delay(2000).fadeOut();
$(".at-loader").delay(1000).fadeOut("slow");
$(function() {
$('.at-loader').on('click', function () {
$('.at-loader').fadeOut();
});
});
</script>
.at-loader { background: #152039; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 100000; }
.at-loader .loader { color:#ddd; margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.