본문 바로가기

개발121

jQuery에서 .stop() 에 대한 오해 애니메이션 효과를 처리하다 보면 .stop() 을 참 많이 씁니다. 그런데 이 .stop()이란 녀석이 jQuery 체인에 걸려 있는 모든 효과들을 멈추는 것이 아니라 현재 수행중인 것만 멈추더군요~ 전 이 사실을 최근에야 알게 되었습니다. 여지껏 복합적으로 효과를 적용할 일이 없었던거죠~ $('div') .hover(function() { $(this).stop().animate({'opacity':1},500); }, function() { $(this).stop().fadeOut(2000); }) .fadeIn(500).delay(5000).fadeOut(2000); 이런 코드가 있습니다. 마지막에 사라질 때 쯤에 마우스를 올리면 제대로 작동하지만, 나타날 때나 Delay되는 중에 마우스를 올리면 .. 2010. 10. 27.
[링크] $.extend()와 $.fn.extend()에 대한 이야기 jQuery 플러그인을 만들고자 하는데, 이 둘의 차이가 뭘까?에 대해서 고민하던 중 찾은 문서입니다. http://asimilia.wordpress.com/2008/12/17/jquery-extend-confusion/ 2010. 10. 14.
CSS Box Model CSS를 시작할 때 가장 골치아픈 부분이 박스모델일 겁니다. 그나마!! Internet Explorer 8 이 나오고 나서는 좀 나아졌습니다. IE6 퇴출 운동과, Firefox와 Chrome의 점유율 확대, 그리고 아이폰과 아이패드로 인한 Safari의 급성장이 웹 프로그래머들을 약간 혼란스럽게 하지만~ 박스모델 부분에 있어서는 좋은 방향으로 변하고 있는 것 같습니다. 1. 박스모델이 뭔데 그러죠? 웹 프로그래밍 하면서 CSS로 너비, 여백, 테두리 등을 픽셀로 지정하는 방법의 차이 때문에 브라우저마다 다르게 보이는 문제가 있습니다. 브라우저가 얼마나 많은지... IE6, IE7, IE8, FF, Chrome, Safari, Opera.... etc. 여기에 DOCTYPE 을 어떻게 지정하느냐에 따라서.. 2010. 10. 13.
[javascript] form 값을 get parameter 형식으로 바꿔주는 함수(select-multiple 적용) 이전에 폼 값을 파라미터 형식으로 바꿔주는 함수를 올렸었는데 일반 select 폼은 잘 전송되지만, select-multiple 폼은 값이 하나밖에 전송되지 않는 문제가 있어서 수정했습니다. 체크박스, 라디오박스, 셀렉트박스 모두 잘 됩니다~ function GenParamsFromForm(f) { var intCnt = f.length; var regExp = /[&]/; var returnText = ""; for (var y=0; y 2010. 10. 5.

티스토리툴바