관리 메뉴

플랫폼공작소 IT Blog

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

Front/jQuery

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

솜픽(Sompic) 플랫폼공작소 2017. 5. 12. 23:15

[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

0 Comments
댓글쓰기 폼