잡스러운 것의 집합

여러가지 효과를 주다 보면 중단을 시켜야할 때도 있다. 그럴때 사용하는 것이 stop 이다. 구문은 다음과 같다. $(selector).stop(stopAll, gotToEnd); 일단 두상(head)과 몸뚱아리를 만들어 어떻게 동작을 하는지 보도록 하자. $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle(10000); }); $("#stop").click(function(){ $("#panel").stop(); }); }); 몸통은 다음과 같이 작성한다. 이놈 꼼짝마 클릭하시면 쑥쑥 자라나요. 은행 이자가 이렇게 늘어나면 좋겠는데 상단부를 누르면 자라목과 같이 슉하고 나오는데 그 동안에 상단의 버튼을 누르..

웹사이트를 돌아다니다 보면 버튼이나 아이콘을 클릭하면 사라졌다가 나타나는 것을 볼수 있다. 이러한 것들이 javascript를 이용한 것이다. jQuery에서는 이러한 효과를 간단하게 적용할 수 있다. 다음과 같은 것을 사용한다. $().hide();// 해당하는 html 요소를 숨긴다. $().show();// 해당하는 html 요소를 보여준다. $().togggle();// hide와 show를 번갈아 가면수 수행한다. 위 3가지의 구문은 다음과 같다. $(selector).hide(speed,callback); $(selector).show(speed,callback); $(selector).toggle(speed,callback); 어떻게 동작하는지 확인해보기 위해서 일단 head 부분에 다음과 ..