[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
