jquery api187 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. trigger(), 함수 실행시키기 trigger 원문 링크 http://api.jquery.com/trigger/ .trigger( eventType [, extraParameters] )Returns : jQuery 개요 : 특정 이벤트 유형에 대해 선택된 요소에 연결된 모든 핸들러와 동작(behavior)을 실행합니다. .trigger( eventType [, extraParameters] ) eventType JavaScript 이벤트 타입을 표현하는 문자열, click 또는 submit 같은. extraParameters 이벤트 핸들러에 전달할 추가 파라미터. .trigger( event ) event jQuery.Event 객체. .trigger() 함수는 이벤트가 발생할 때 실행될 함수나 .bind() 함수로 연결된 어떤 이벤.. 2012. 3. 20. toggle(), 토글하기 toggle 원문 링크 http://api.jquery.com/toggle/ .toggle( handler(eventObject), handler(eventObject) [, handler(eventObject)] )Returns : jQuery 개요 : 조건에 일치하는 요소에 클릭 때 실행될 하나 이상의 핸들러를 바인딩합니다. .toggle( handler(eventObject), handler(eventObject) [, handler(eventObject)] ) handler(eventObject) 요소 클릭 짝수번째에 실행될 기능 handler(eventObject) 요소 클릭 홀수번째에 실행될 기능 handler(eventObject) ) 이 인자도 추가되면 토글의 순환이 3번 클릭에 한번씩으로.. 2012. 3. 9. submit(), 폼 전송 이벤트 submit 원문 링크 http://api.jquery.com/submit/ .submit( handler(eventObject) )Returns : jQuery 개요 : "submit" JavaScript 이벤트를 바인딩 하거나 요소에 발생시킵니다. .submit( handler(eventObject) ) handler(eventObject) 이벤트가 발생하면 실행될 기능. .submit( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달될 데이터 맵. handler(eventObject) ) 이벤트가 발생하면 실행될 기능. .submit() 이 함수의 첫번째, 두번째 용법은 .bind('submit', handler) 를 줄여 표현한 것이고 세번째.. 2012. 3. 9. jQuery API - mouseup(), 마우스를 눌렀다 뗄 때 mouseup 원문 링크 http://api.jquery.com/mouseup/ .mouseup( handler(eventObject) )Returns : jQuery 개요 : "mouseup" JavaScript 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mouseup( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseup( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseup( ) 이 함수는 .bind('mouseup', handler) 와 .trigge.. 2012. 1. 13. jQuery API - mouseover(), 마우스가 올라올 때 mouseover 원문 링크 http://api.jquery.com/mouseover/ .mouseover( handler(eventObject) )Returns : jQuery 개요 : "mouseover" JavaScript 이벤트를 바인딩하거나, 특정 요소에 이벤트를 발생시킵니다. .mouseover( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseover( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseover( ) 이 함수는 .bind('mouseover', ha.. 2012. 1. 13. jQuery API - mouseout(), 마우스가 떠날 때 mouseout 원문 링크 http://api.jquery.com/mouseout/ .mouseout( handler(eventObject) )Returns : jQuery 개요 : "mouseout" JavaScript 이벤트를 바인딩하거나, 특정 요소에 이벤트를 발생시킵니다. .mouseout( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseout( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseout( ) 이 함수는 .bind('mouseout', handler) 와.. 2012. 1. 13. jQuery API - mousemove(), 마우스가 요소에서 움직일 때 mousemove 원문 링크 http://api.jquery.com/mousemove/ .mousemove( handler(eventObject) )Returns : jQuery 개요 : "mousemove" JavaScript 이벤트를 바인딩하거나, 특정 요소에 이벤트를 발생시킵니다. .mousemove( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mousemove( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mousemove( ) 이 함수는 .bind('mousemove', ha.. 2012. 1. 13. jQuery API - mouseleave(), 마우스가 요소에서 벗어날 때 mouseleave 원문 링크 http://api.jquery.com/mouseleave/ .mouseleave( handler(eventObject) )Returns : jQuery 개요 : 요소에서 마우스가 떠날때의 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mouseleave( handler(eventObject) ) handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseleave( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseleave( ) 이 함수는 .bind('mouseleave', han.. 2012. 1. 13. 이전 1 2 3 4 5 6 ··· 10 다음