-
[jQuery] 9. Stop Animation - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:17jQuery Stop Animations1. jQuery stop() Methodstop() 메소드는 애니메이션이나 효과가 끝나기 전에 정지하게 합니다.stop() 메소드는 모든 jQuery 효과 함수에 적용가능 합니다.문법:$(selector).stop(stopAll,goToEnd);12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html><head><script>$(document).ready(function(){$("#flip").click(function(){$("#panel").slideDown(5000);});$("#stop").click(function(){$("#panel").stop();});});</script><style>#panel, #flip {padding: 5px;font-size: 18px;text-align: center;background-color: #555;color: white;border: solid 1px #666;border-radius: 3px;}#panel {padding: 50px;display: none;}</style></head><body><button id="stop">Stop sliding</button><div id="flip">Click to slide down panel</div><div id="panel">Hello world!</div></body></html>
cs 'Web > jQuery' 카테고리의 다른 글
[jQuery] 12. Get - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 11. Chaining - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 10. Call back - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 8. 애니메이션(Animation) - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 7. Sliding - jQuery 강좌 (0) 2015.06.13 [jQuery] 6. Fading - jQuery 강좌 jQuery / CSE (0) 2015.06.13
