Effect | jQuery UI
Effect Apply an animation effect to an element. Click the button above to show the effect. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
jqueryui.com
jqueryUI effect를 이용해 입력창에 효과를 넣어봤습니다 .
input text 영역에 아무것도 입력하지 않고 완료를 누를경우 오류를 보여주고,
입력이 되어있으면 오류없이 완료되도록 코드를 작성했습니다.
$("#inputBox").effect('shake',"",500, callback);
0.5초동안 shake 효과를 발생하도록 합니다.
각각의 효과가 어떻게 발생하는지 아래 데모사이트를 통해 확인해 보세요
https://jqueryui.com/resources/demos/effect/default.html
jQuery UI Effects - Effect demo
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
jqueryui.com
'javascript > jQuery' 카테고리의 다른 글
| [JAVASCRIPT/JQUERY] 배열(Array)관련 함수 (0) | 2019.04.16 |
|---|---|
| [JAVASCRIPT/JQUERY] 그리드정렬 masonry 플러그인 높이가 다른 이미지 정렬하기(옵션값설정) (0) | 2019.04.15 |
| [JAVASCRIPT/JQUERY] 남은시간 카운드다운 만들기 (0) | 2019.04.12 |
| [JAVASCRIPT/JQUERY]스크롤 이벤트를 이용한 header 만들기 (403) | 2019.04.11 |
| [JAVASCRIPT/JQUERY]플러그인 쓰지않고 이미지 슬라이드 만들기 (0) | 2019.04.11 |
댓글