jquery에 대한 질문 채택완료
시로유이
11년 전
조회 5,723
</div>
<div>jQuery(document).ready(function($){</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(li).hover(function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(this).slideDown(500);</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>},function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(this).slideUp(500);</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>});</div>
<div>});</div>
<div>이렇게 slide를 쓸때 슬라이드 시간이 0.5초 잖아요.
이때 slideDown 중일때 li에 마우스를 빼면 slideDown(0.5초)을 다 하고 slideUp이 되잖아요.
slideDown 중일때 li에 마우스를 빼면 slideDown을 멈추고 slideUp을 하는 방법을 알고싶어요.
</div>
<div>jQuery(document).ready(function($){</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(li).hover(function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span><span style="font-size: 10pt; line-height: 1.5">$(this).stop();</span></div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(this).slideDown(500);</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>},function(){</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(this).stop();</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>$(this).slideUp(500);</div>
<div><span class="Apple-tab-span" style="white-space: pre"> </span>});</div>
<div>});</div>
<div>이렇게 하면 그냥 멈추기만 하더라구요..
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인