새소식

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

반응형
Contents

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

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