728x90 300x250 SMALL javaScript/jQuery153 애니메이션 효과 options 활용 animation 효과에서 options 매개변수 값은 show(), hide(), fadeIn()등 기본효과 메서드에 공통으로 사용할 수 있다. options를 사용하면 기본 효과 메서드 호출 시 리터럴 객체를 이용해서 여러매개변수 값을 하나의매개변수로 묶어 호출 할 수 있다. $대상.기본효과메서드(option) 적용전 $imgs.slideDown(3000, "easeInBounce", function(){ alert("slideDown 완료"); }) 적용후 $imgs.slideDown({ easing:"easeInBounce", duration:3000, complete:function(){ alert("slideDown 완료"); } }) 이렇게 순서에 상관없이 사용가능하다. 이 외에 option.. 2023. 5. 23. 슬라이드 업/다운 효과 slideUp(), slideDown() slideDown slideUp 2023. 5. 22. fadeIn fadeOut 서서히 나타나고 사라지는 효과 +ease jQuery의 fadeIn fadeOut 메서드를 이용해서 서서히 사라지고 나타나는 효과 만들기 단, 애니메이션 시간은 3초이고 ease효과 완료후 alert창 띄우기 fadeIn fadeOut 2023. 5. 20. 버튼을 클릭할때마다 애니메이션 효과가 적용된 클래스 추가하기 Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Run Effect 참조 : https://jqueryui.com/addClass/ 2023. 5. 18. 이전 1 ··· 7 8 9 10 11 12 13 ··· 39 다음 728x90 반응형 LIST