목록Toggle (2)
DevSSOM
Fade 이벤트 영화에서 보여지는 Fade 효과는 다음 제이쿼리 이벤트로 쉽게 구현할 수 있음. $("h1").fadeOut(); // 서서히 사라지게 $("h1").fadeIn(); // 서서히 나타나게 $("h1").fadeToggle(); // fadeOut과 fadeIn 둘 다 실습문제 Hello jQuery Fade Out Fade In Fade Toggle 이제 저 버튼들에 fade 이벤트 기능들을 넣기 위해서 제이쿼리로 index.js 파일을 작성해주기. 가장 먼저, fade-out 버튼. $(function() { $("#fade-out").click(function() { $("h1").fadeOut() }); }); 나머지 버튼들도 코드를 작성해주면 $(function() { $("#f..
Hide, Show, Toggle 이벤트 다음 제이쿼리 이벤트를 사용하여 특정 HTML 영역을 보이거나 감출 수 있음. $("h1").hide(); // 특정 영역을 감추기 $("h1").show(); // 특정 영역을 보여줄 때 $("h1").toggle(); // hide와 show 두 기능을 전부 가지고 있는 형태 실습문제 Hello jQuery hide show toggle 이런 HTML 문서가 있을 때, 제이쿼리로 index.js라는 파일을 만들어서 코드를 작성. 가장 먼저, hide 버튼을 클릭해서 h1인 'Hello jQuery'가 사라지게 만들면, $(function() { $("#hide").click(function() { $("h1").hide(); }); }); 이때, hide() ..