본문 바로가기

메뉴 시간차 닫기 마우스 out시 닫기 함수가 실행됩니다. var timer;Rich.Func.Navigation = function() {var navi = $("#gnavigation");var btn = $(".btn_close");navi.bind({'mouseover':function() {$("#wrap #header").attr("style", "padding-bottom:180px");$("#gnavigation ul li .depth2").show();$(".btn_close").show();if(timer) clearTimeout(timer);},'mouseout':function() {timer = setTimeout('navi_close()', 500);}});btn.bind({'click':func.. 더보기
[android] 나인패치(9patch) 이 안드로이의 나인패치 이미지는 테마작업을 하는데 정말 고마운 존재이자 까다로운 존재입니다. 하지만 개념만 이해하시면 정말 유용하게 사용할 수 있습니다. 사실 안드로이드의 UI를 구성하는데 있어서 이 "9.png"로 표시되는 이미지 때문에 시스템 용량을 상당히 줄이고 또한 하나의 이미지로 다른부분에도 유용하게 사용할 수 있습니다. 안드로이드 계열 테마를 분석해보면 이미지 파일은 크게 PNG, 9.PNG, JGP로 나뉘게 됩니다. 스마트폰으로 사진을 찍게 되면 JPG로 저장이 되지만 테마파일은 배경화면을 제외한 이미지는 PNG입니다. 그럼 왜 하나로 통일하지 않고 나눠서 사용하고 있을까요? 그 이유중에 하는 PNG가 용량이 크지만 트루컬러 지원으로 선명도가 훨신 좋고 배경의 투명을 인식합니다. 그래서 선명.. 더보기
[CSS3] keyframes @keyframes animationname {keyframes-selector {css-styles;}}@keyframes mymove{ from {top:0px;} to {top:200px;} } @-webkit-keyframes mymove /* Safari and Chrome */{ from {top:0px;} to {top:200px;} } @keyframes 내부에 css 스타일을 정의하고 animation 은 “from”에 정의된 스타일에서 출발하여 “to”에 새롭게 정의된 스타일로 점차적으로 변화되는 것이다. from 에서 to까지과정에서 변화를 주려면 아래와 같이 정의 한다. @keyframes mymove{ 0% {top:0px;} 25% {top:200px;} 50% {top:100p.. 더보기
[jQuery] css에서 px 빼고 값 가져오기 var contMarginStyle = $('.contBody').css('margin-top').replace(/[^-\d\.]/g, '');alert(contMarginStyle); 더보기
[javascript] class 선택 Class로 선언된 요소를 선택 후 그안에 속한 css 값 호출var contMargin = document.querySelector('.contBody');var contMarginStyle = window.getComputedStyle(contMargin,null);alert(contmarginStyle.marginTop); 더보기