티스토리 뷰

로딩 완료후 서서히 나타내는 소스 입니다.
간단히 어디에도 적용가능합니다. ^^


HTML

1
2
3
4
5
6
7
8
<script type="text/javascript">google.load("jquery""1.7.1");</script>
 
 <div id="bodySide_M" style="display:none;">
 
<img src=이미지주소">
 
</div>
 
cs


SCRIPT

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
 
    $(window).load(function() {
 
      $('#bodySide_M').display = "";  
 
      $('#bodySide_M').fadeIn('slow'function() {
 
     // 애니메이션 끝난 뒤 실행할 코드 넣기
 
      });
 
    });
 
</script>
cs


$("#bodySide_M").fadeIn();

$("#bodySide_M").fadeIn("slow");

$("#bodySide_M").fadeIn(3000);

저작자 표시 비영리 변경 금지
신고
댓글쓰기 폼