Programming Storytelling

jQuery를 사용하면 맞춤 애니메이션을 만들 수 있습니다.jQuery 의 animate()메서드는 사용자 지정 애니메이션을 만드는 데 사용됩니다. 아래의 코드는 jQuery 애니메이션 메소드를 사용한 대표적인 예시이다. $(selector).animator({params},speed,callback); speed매개변수는 효과의 지속 시간을 지정한다. 선택적 콜백 매개 변수는 애니메이션이 완료된 후에 실행되는 함수이다.또 jQuery animator()은 여러속성을 조작 할 수 있는데 그와 관련된 예시도 함께 살펴보도록 하자. 아래의 코드는 동시에 여러 속성을 애니메이션으로 만든 것이다. $("button").click(function(){ $("div").animate({ left: '250px', ..

이벤트란 웹페이지가 응답 할 수 있는 모든 다른 방문자의 동작을 일컫는다. 만약 페이지의 모든 단락에 클릭 이벤트를 할당하고 싶다면 아래의 코드와 같은 형식을 쓰도록하자. $("p").click(function(){ // action goes here!! }); 다음 단계는 이벤트가 발생할 때 발생할 일을 정의 하는 것이다. 발생할 일은 함수 안에 적어 전달하면 된다. 이제 일반적으로 사용되는 jQuery 이벤트 메소드에 대해 살펴 보도록 하자. 1. $(document).ready() :이 메소드를 사용하면 문서가 완전히 로드 될 때 함수를 실행 할 수 있다. 2.dblclick() :이 함수는 사용자가 HTML요소를 두 번 클릭 할 때 실행된다. 3.mouseenter() :HTML 요소에 대한 이벤..

jQuery란 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리이다. 웹페이지에 jQuery를 삽입하기 위해선 jQuery를 다운 해야 하는데 다운 할 수 있는 jQuery에는 두가지가 있는데 첫번째는 제작 버전이고 두번째는 개발 버전이다. 먼저 제작 버전은 압축 및 압축되어 있는 라이브 웹 사이트 용이다. 그리고 개발 버전은 테스트 및 개발 용이다.즉,압축되지 않고도 읽을 수 있는 코드라는 뜻이다. 두 버전 모두 jQuery.com 에서 다운로드 할 수 있다. ##웹 페이지에 jQiery를 삽입하기## jQuery라이브러리는 단일 자바스크립트 파일이며 HTML 태그로 태그를 참조한다. jQuery를 삽입하는 방법은 아래와 같다..