iruplace

detail">

* 각 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..

web 구성하다보면 table에 지저분하게 cellpadding cellspacing 만들면 다른화면의 같은 구성의 table도 똑같이 써줘야 하잖아요~ 이런건 너무 귀찮죠~ 이런건 table만 정의해서 class 이름 하나 정의하고 css에 등록해주면 한번에 스타일 바꿀 수도 있고 관리 하기 편하죠~ cellspacing -> style 정의 table {border-spacing: 3px; border-collapse: separate;} cellpadding -> style 정의 table td {padding:5px;} 이렇게 공통으로 처리해서 유지보수 편하게 하자구요~

[CSS] 아이콘 sitemap 디자인 /sitemap/category/home/icon/menu/메뉴 :D html Category 1 Content 0 Content 1 Content 2 Content 3 Content 4 Category 2 Content 0 Content 1 Content 2 Content 3 Content 4 Category 3 Content 0 Content 1 Content 2 Content 3 Content 4 Category 4 Content 0 Content 1 Content 2 Content 3 :D CSS.SitemapDepth1 {background-color:#4988C7;padding:5px 5px;} .SitemapDepth2Wrap{padding:5px;5p..

[CSS] 메뉴 슬라이드 이동 /menu slide/메뉴 보이기 감추기/메뉴 우측으로 보이기/메뉴 우측으로 감추기 :D CSS#MenuWrap { position:absolute; width:200px; height:100%; left:0px; top:0px; z-index:4; overflow:hidden; background-color:#4988C7; color:#FFFFFF; } #MenuWrap.slide { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #MenuWrap.menuOff{ box-shadow: 1px 0 2px rgba(0,0,0,0.2); -webkit-transform: trans..

[Javascript] ajax를 이용한 화면 refresh 없이 링크이동 :D Javascript 설정var menuClick = function(url){ if(url == '/'){ location.reload(true); return; } $.ajax({ type: 'POST', url: url, async:false, data: "", contentType:"application/x-www-form-urlencoded; charset=UTF-8", success: function(data) { $('#Container').html(data); if(isMenuHide) menuOff(); }, error: function(request, status, error) { alert(error); }..

[javascript] 화면크기 변경 시 이벤트 설정 /screen resize event window.onresize = function(event) { // source };