 |
|
| |
| [jQuery]애니메이션 효과 멈추기 - stop() |
|
|
  |
8년 전 |
<style type="text/css">
div {
position: absolute; background-color:#abc; left: 0px; top:50px;
width: 60px; height: 60px; margin: 5px;
}
</style>
<script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
// Start animation
$("#go").click(function () {
$(".block").animate({ left: '+=100px', top: '+=100px' }, 2000);
});
// Stop animation when button is clicked
$("#stop").click(function () {
$(".block").stop();
});
// Start animation in the opposite direction
$("#back").click(function () {
$(".block").animate({ left: '-=100px', top: '-=100px' }, 2000);
});
});
</script>
<button id="go">Go</button>
<button id="stop">STOP!</button>
<button id="back">Back</button>
<div class="block">
</div>
|
|
 추천 : 306 |
추천
목록
|
|
| |
|
