| [jQuery]여러가지 효과 동시 처리 - animate() |
|
|
  |
8년 전
|
<style type="text/css">
#my .hover {
cursor:pointer;
background-color:Yellow;
}
</style>
<script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#moreRegion").hide(); // 기본값으로 숨기기
$("span.more").click(function () {
// http://docs.jquery.com/ 참고
$("#moreRegion").animate({
height:'200px', width:'show', opacity:'show'
}, 'slow');
$(this).hide('fast');
});
});
</script>
<div class="region">
안녕하세요. 여기는 본문입니다.
<span class="more">more...</span>
</div>
<div id="moreRegion" style="height: 100px; background-color: yellow;">
또 만나요
</div>
|
|
 추천 : 270 |
추천
목록
|
|
