제이쿼리 플러그인 - 티스토리에 초 간단 눈내리는 효과 구현하기

바로가기

위 버튼을 클릭하면 위 그림이 나오는 사이트로 이동합니다. 노란색의 Download the Source 링크를 클릭해 압축 파일을 다운로드 합니다.

압축해제하고 폴더로 들어가면 위와 같이 나옵니다. html 파일을 클릭하면 눈내리는 효과가 나옵니다. 티스토리에 설치를 위해 필요한 파일은 하나입니다.

js 폴더에 들어가 snowfall.jquery.js 파일을 티스토리에 업로드 합니다.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="./images/snowfall.jquery.js"></script>
<script type='text/javascript'> 
	
$(document).ready(function(){
			
$(document).snowfall({deviceorientation : true, round : true, minSize: 1, maxSize:8,  flakeCount : 250});

});

 </script>
</body>

관리자 화면의 HTML 편집 화면에서 </body> 태그 바로 이전에 위와 같이 코드를 추가하고 저장하면 완료입니다. 눈송이의 최저 크기는 1, 최대 크기는 8입니다. 눈송이 수를 늘리려면 250이라는 숫자를 조정합니다. 2016년 12월 22일 현재 제 블로그에 나타나는 눈내리는 효과입니다.