새소식

인기 검색어

🏫 TECH/🖼️ Front

[jQuery] CSS를 사용, jQuery Mobile 없이도 페이지 부드럽게 넘기기

728x90

[jQuery] CSS를 사용, jQuery Mobile 없이도 페이지 부드럽게 넘기기


1. 메타 : head태그 사이에 작성해준다.

<meta http-equiv="Page-Enter" content="BlendTrans(Duration=3.0)"> 
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=3.0)"> 



ex)

<head>

<title> 테스트 </title>

<meta http-equiv="Page-Enter" content="BlendTrans(Duration=3.0)"> 
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=3.0)"> 

</head>


2. jQuery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
    $(document).ready(function () { 
        $('body').fadeIn(1000).removeClass('hidden'); 
    }); 
</script> 


3. CSS

<style>

body.hidden{ 
display:none; 

} 

</style>


4. <body class="hidden">


감사합니다.


출처  : http://eond.com/jquery/362545

반응형
저작자표시

'🏫 TECH > 🖼️ Front' 카테고리의 다른 글

[javascript] 자동 클릭 되게 하는 방법  (2) 2017.05.28
[jQuery] 팝업창에서 부모창 호출, Opener  (0) 2017.05.28
[javascript] 묻지않고 창닫기, 부모창 닫기  (0) 2017.05.09
[Summernote] 사진 업로드 하는 방법 with 정부프레임워크  (0) 2017.03.10
[jQuery] form action 값 변경방법  (0) 2017.03.08
Contents

당신이 좋아할만한 콘텐츠

댓글 0

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.

SHARE

DARK

MENU

티스토리툴바