반응형
* 각 id 값이
인트로 화면 : introWrap
메인화면 : wrap
* 기본값
wrap = display : none;
try{
// 인트로에서 메인 이동
var introWrapBurIndex = 0;
setTimeout(function(){
var introWrapBur = setInterval(function(){
introWrapBurIndex = introWrapBurIndex+1;
if(introWrapBurIndex < 14){
$("#introWrap").css("filter","blur("+introWrapBurIndex+"px)");
$("#introWrap").css("-ms-filter","blur("+introWrapBurIndex+"px)");
$("#introWrap").css("-moz-filter","blur("+introWrapBurIndex+"px)");
$("#introWrap").css("-webkit-filter","blur("+introWrapBurIndex+"px)");
} else if(introWrapBurIndex == 14){
$("#introWrap").hide();
} else if(introWrapBurIndex == 25){
clearInterval(introWrapBur);
$("#wrap").show();
}
},50);
}, 1000);
}catch(err){
$("#introWrap").hide();
$("#wrap").show();
}
반응형
'skill > HTML.Javscript.CSS' 카테고리의 다른 글
javascript 다른 브라우져로 이동(Go to another browser) (0) | 2016.12.18 |
---|---|
새창으로 열때 form 값 함께 이동 (0) | 2016.12.18 |
table cellpadding cellspacing css로 처리하는 법 (0) | 2015.04.10 |
[CSS] sitemap 아이콘 디자인 (0) | 2014.08.20 |
[CSS] 메뉴 슬라이드 이동 (0) | 2014.08.20 |