프로그래밍376 slideUp(), 슬라이드 효과로 숨기기 slideUp 원문 링크 http://api.jquery.com/slideUp/ .slideUp( [duration] [, callback] )Returns : jQuery 개요 : 슬라이드를 이용해 요소를 숨깁니다. .slideUp( duration [, callback] ) duration 시간 값 callback 콜백 함수 .slideUp( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .slideUp() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이게 처리할 때 display 속성값을 jQuery 의 데이터 캐쉬에 저장 해두었다가 나중에 display 를 초기값으로 복원해.. 2012. 4. 25. slideToggle(), 슬라이드 토글하기 slideToggle 원문 링크 http://api.jquery.com/slideToggle/ .slideToggle( [duration] [, callback] )Returns : jQuery 개요 : 슬라이드를 통해 요소를 보이게 안보이게 처리합니다. .slideToggle( duration [, callback] ) duration 시간 값 callback 콜백 함수 .slideToggle( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .slideToggle() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이면 안보이게 안보이면 보이게 처리해 줍니다. 토글이니 당연하겠죠? .. 2012. 4. 25. slideDown(), 슬라이드 효과로 보이기 slideDown 원문 링크 http://api.jquery.com/slideDown/ .slideDown( [duration] [, callback] )Returns : jQuery 개요 : 슬라이딩을 해서 요소를 보이게 합니다. .slideDown( duration [, callback] ) duration 시간 값 callback 콜백 함수 .slideDown( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .slideDown() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 시간값(Duration)의 기본값은 밀리세컨드이고, 값이 크면 느린 효과가 나타납니다. 물론 반대는 빨라.. 2012. 4. 25. show(), 요소 보이게 하기 show 원문 링크 http://api.jquery.com/show/ .show( )Returns : jQuery 개요 : 일치하는 요소를 보이게 합니다. .show( ) .show( duration [, callback] ) duration 시간 값 callback 콜백 함수 .show( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 인자없이 .show() 형태로 사용하는 것이 가장 간단한 사용법 입니다. $('.target').show(); 기본 사용법은 애니메이션 효과가 없이 요소를 바로 보이게 하는 기능을 합니다. 이것은 대략적으로 .css('display', 'block') 의 사용과 비슷하지만.. 2012. 4. 25. queue(), 대기열의 함수와 대기열 조작하기 queue 원문 링크 http://api.jquery.com/queue/ .queue( [queueName] )Returns : Array 개요 : 요소에 실행되고 있는 함수의 큐를 보여줍니다. 무슨 함수들이 실행되고 있는지 보여줍니다. .queue( [queueName] ) queueName 큐명 문자열. 기본값은 fx 이며, 기본 효과 큐를 의미합니다. 예 제 소스닫기 큐의 길이수를 보여줍니다. The queue length is: 미리보기 음.. 이게 뭔가요. 혼자 열심히 돌아다니는 것 빼고 딱히 와닿는게 없습니다. 현재 실행되고 있는 함수의 인덱스 번호 정도이구요. n.length 에서 length 를 삭제시켜 보시고 한번 테스트 해 보세요. 깜짝 놀라실거예요.(사실 놀랄일은 아니에요. ^^;;).. 2012. 4. 25. hide(), 요소 숨기기 hide 원문 링크 http://api.jquery.com/hide/ .hide( )Returns : jQuery 개요 : 일치하는 요소를 숨깁니다. .hide( ) .hide( duration [, callback] ) duration 시간 값 callback 콜백 함수 .hide( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 인자없이 .hide() 형태로 사용하는 것이 가장 간단한 사용법 입니다. $('.target').hide(); 기본 사용법은 애니메이션 효과가 없이 요소를 바로 숨기는 기능을 합니다. 이것은 대략적으로 .css('display', 'none') 의 사용과 비슷하지만, 숨길때 d.. 2012. 4. 19. jQuery.fx.off, 전체 애니메이션 효과 전역 설정 jQuery.fx.off 원문 링크 http://api.jquery.com/jQuery.fx.off/ jQuery.fx.offReturns : Boolean 개요 : 모든 에니메이션 효과를 전역적으로 불가상태로 만듭니다. jQuery.fx.off 이 속성값이 true 라면, 모든 에니메이션 함수들은 호출된 시점의 마지막으로 실행된 상태 그대로 그 즉시 취소됩니다. 이런 세팅은 아래와 같은 상황일 때 사용할 가능성이 있습니다. jQuery 가 사양이 낮은 디바이스에서 실행될 때. 에니메이션 효과에 대해 접근성 문제가 발생했을 경우 (이 문제에 대해 더 알고 싶으시면 Turn Off Animation 이 링크의 글을 참고하십시요. 아 물론 영문입니다. ^^;;;). 에니메이션을 다시 실행하고 싶다면 이 속성.. 2012. 4. 19. jQuery.fx.interval, 에니메이션 프레임 조절 jQuery.fx.interval 원문 링크 http://api.jquery.com/jQuery.fx.interval/ jQuery.fx.intervalReturns : Number 개요 : 에니메이션 프레임 조절(밀리세컨드 기준). jQuery.fx.interval 이 속성은 애니메이션이 실행되는 초당 프레임의 개수를 조정하는 것을 조절할 수 있습니다. 기본값은 13 밀리세컨드 즉, 0.013초 입니다. 값을 낮게 잡으면 크롬과 같은 브라우져에서는 에니메이션이 부드럽게 작동하지만, CPU 점유율이 올라가는 단점이 있습니다. jQuery 는 하나의 전역 인터벌(global interval)을 사용하기 때문에, 애니메이션을 멈추려면 이 속성값을 변경해야 합니다. Note:jQuery.fx.interval .. 2012. 4. 16. fadeToggle(), 페이드 인/아웃 토글 fadeToggle 원문 링크 http://api.jquery.com/fadeToggle/ .fadeToggle( [duration] [, easing] [, callback] )Returns : jQuery 개요 : 투명도를 조절하여 요소를 보이게 하거나 숨기는 효과를 줍니다. .fadeToggle( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .fadeToggle() 함수는 투명도를 조절하여 움직임을 만들어 내는 함수입니다. 보이는 요소에 이 함수를 사용하면 투명도(opacity)가 0으로 수렴하고 0에 도달했을 때, display 속성을 none으로 처리합니다. 그래서 요소는 더 이상 페이지의 레.. 2012. 4. 16. fadeTo(), 투명도를 조절하기 fadeTo 원문 링크 http://api.jquery.com/fadeTo/ .fadeTo( duration, opacity [, callback] )Returns : jQuery 개요 : 투명도를 지정하여 페이드를 조절합니다. .fadeOut( [duration] [, callback] ) duration 시간 값 opacity 0 ~ 1 사이의 투명도 값 callback 콜백 함수 .fadeTo( duration, opacity [, easing] [, callback] ) duration 시간 값 opacity 0 ~ 1 사이의 투명도 값 easing 특수한 효과 함수 callback 콜백 함수 .fadeTo() 함수는 투명도를 조절하여 움직임을 만들어 내는 함수입니다. Durations 의 단위는.. 2012. 4. 16. fadeOut(), 서서히 사라지게 하기 fadeOut 원문 링크 http://api.jquery.com/fadeOut/ .fadeOut( [duration] [, callback] )Returns : jQuery 개요 : 서서히 사라지게 처리합니다. .fadeOut( [duration] [, callback] ) duration 시간 값 callback 콜백 함수 .fadeOut( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .fadeOut() 함수는 투명도를 조절하여 움직임을 만들어 내는 함수입니다. Durations 의 단위는 밀리세컨드(천분의 일초)입니다. 큰 값을 주면 느린 속도로 움직이고, 반대는 빨라집니다. 'fast' 나 'sl.. 2012. 4. 16. fadeIn(), 서서히 나타나게 하기 fadeIn 원문 링크 http://api.jquery.com/fadeIn/ .fadeIn( [duration] [, callback] )Returns : jQuery 개요 : 서서히 나타나게 처리합니다. .fadeIn( [duration] [, callback] ) duration 시간 값 callback 콜백 함수 .fadeIn( [duration] [, easing] [, callback] ) duration 시간 값 easing 특수한 효과 함수 callback 콜백 함수 .fadeIn() 함수는 투명도를 조절하여 움직임을 만들어 내는 함수입니다. Durations 의 단위는 밀리세컨드(천분의 일초)입니다. 큰 값을 주면 느린 속도로 움직이고, 반대는 빨라집니다. 'fast' 나 'slow' 문자.. 2012. 4. 16. dequeue(), 대기열의 다음 함수 실행 dequeue 원문 링크 http://api.jquery.com/dequeue/ .dequeue( [queueName] )Returns : jQuery 개요 : 일치하는 요소 대기열에 있는 다음 함수를 실행합니다. .dequeue( [queueName] ) queueName 큐명(queue name) .dequeue() 함수가 호출되면, 큐에서 빠져나와 다음 함수를 실행하게 됩니다. 큐에서 빠져나오려면 이 함수를 반드시 호출해야 합니다. 중요도에 비해서 내용이 조금 짧네요. 저도 잘 몰라서 공부를 좀 했습니다. 아래 예제에서 dequeue() 함수 호출하는 부분을 주석으로 막고 테스트 하시면 다음 진행이 되지 않습니다. 즉, 큐에서 빠져나와 다음 상황으로 진행하고 싶을 때 사용합니다. 예 제 소스닫기 큐.. 2012. 4. 16. delay(), 대기열의 함수 실행을 지연시키기 delay 원문 링크 http://api.jquery.com/delay/ .delay( duration [, queueName] )Returns : jQuery 개요 : 대기열(queue)에 대기중인 항목의 실행을 타이머를 세팅하여 지연 시킵니다. .delay( duration [, queueName] ) duration 지연될 시간 (단위는 밀리세컨드). queueName 큐명(queue name) jQuery 버젼 1.4 에서, .delay() 는 함수의 실행을 지연 시킬수 있게 되었습니다. 기본적인 effects 함수들이나 사용자 정의 함수들에 대해서 사용할 수 있습니다. 단 대기중인 후속 이벤트만 지연됩니다. 예를 들어, 인자가 없는 형태의 함수 .show() 나 .hide() 들은 지연이 되지 .. 2012. 4. 16. clearQueue(), 대기열의 함수를 제거 clearQueue 원문 링크 http://api.jquery.com/clearQueue/ .clearQueue( [queueName] )Returns : jQuery 개요 : 대기열에 있는 아직 실행전인 모든 아이템을 제거합니다. .clearQueue( [queueName] ) queueName 대기열(queue) 명. effect queue의 기본명은 fx 입니다. .clearQueue() 함수가 호출되면, 대기열(queue, 이하 큐)에 있는 모든 함수가 큐(queue)에서 제거되면서 실행이 중지됩니다. 인자 없이 사용하면, .clearQueue() 는 기본 큐인 fx에 남아있는 모든 함수를 제거합니다. 비슷한 형태로는 .stop(true) 로 사용하는 방법이 있습니다. 하지만, .stop() 함수.. 2012. 4. 16. animate(), 요소를 움직이기 animate 원문 링크 http://api.jquery.com/animate/ .animate( properties [, duration] [, easing] [, complete] )Returns : jQuery 개요 : CSS 속성들을 이용하여 사용자 에니메이션을 수행합니다. .animate( properties [, duration] [, easing] [, complete] ) properties 움직임을 만들어 낼수 있는 CSS 속성들 duration 움직임이 발생할 시간 easing 움직임에 변화를 줄 수 있는 함수 complete 움직임이 멈춘 후 실행될 함수 .animate( properties, options ) properties 움직임을 만들어 낼수 있는 CSS 속성들 options.. 2012. 3. 30. unload(), 페이지에서 벗어날 때 unload 원문 링크 http://api.jquery.com/unload/ .unload(handler(eventObject))Returns : jQuery 개요 : "unload" JavaScript 이벤트를 바인딩합니다. .unload( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 동시에 실행될 기능. .unload( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 넘길 데이터 맵 handler(eventObject) 이벤트가 발생하면 동시에 실행될 기능. 이 함수는 .bind('unload', handler)을 줄여놓은 것입니다. unload 이벤트는 유저가 페이지를 벗어날 때 window 요소에.. 2012. 3. 20. undelegate(), 바인딩 해제하기 undelegate 원문 링크 http://api.jquery.com/undelegate/ .undelegate()Returns : jQuery 개요 : 루트 요소의 특정 집합에 기반을 두고, 현재 선택과 일치하는 모든 요소에 대한 이벤트로부터 핸들러를 제거합니다. .undelegate() .undelegate( selector, eventType ) selector 선택자 eventType JavaScript 이벤트 타입 문자열, "click", "keydown" 같은 .undelegate( selector, eventType, handler(eventObject) ) selector 선택자 eventType JavaScript 이벤트 타입 문자열, "click", "keydown" 같은 handler.. 2012. 3. 20. unbind(), 바인딩 해제하기 unbind 원문 링크 http://api.jquery.com/unbind/ .unbind( eventType [, handler(eventObject)] )Returns : jQuery 개요 : 이전에 연결된 이벤트 핸들러를 요소에서 제거합니다. .unbind( [eventType] [, handler(eventObject)] ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. handler(eventObject) 더 이상 실행되지 않을 기능. .unbind( eventType, false ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. false .bind( eventType, fal.. 2012. 3. 20. triggerHandler(), 하나의 함수만 실행시키기 triggerHandler 원문 링크 http://api.jquery.com/triggerHandler/ .triggerHandler( eventType [, extraParameters] )Returns : jQuery 개요 : 이벤트 요소에 연결된 모든 처리기(handler)를 실행합니다. .triggerHandler( eventType [, extraParameters] ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. extraParameters 이벤트 핸들러에 전달할 추가 파라미터. .triggerHandler() 함수는 .trigger() 함수와 유사한 동작을 합니다. 단 아래의 예외 사항이 있습니다. .triggerHandler() .. 2012. 3. 20. 이전 1 ··· 5 6 7 8 9 10 11 ··· 19 다음