20'C 흐림
서울 강남구
제 사이트 처럼 (링크 참조) 사이트에서 함박눈이 내리도록 하는 방법을 알려드리겠습니다. ^^-
혹시나 필요하신 분들을 위해 팁으로 게시합니다 ㅎㅎ
JQuery 중에서 JQuery.snow.js 라는 눈 내리는 스크립트가 있습니다.
(필요하신분들을 위해 파일을 올려두었습니다.)
위 파일을 원하시는 경로에 넣으신 다음 스크립트 불러오기 해주시면 됩니다.
저같은 경우 테마 폴더 내에 있는 /assets/js 에 넣어서 아래 코드를 tail.php 에 넣어주었습니다.
<script type="text/javascript" src="<?php echo THEMA_URL;?>/assets/js/jquery.snow.js"></script>
그후 테마 폴더 내 head.php 나 tail.php 안에 원하는 곳 아무곳에 아래 코드를 넣어주시면 됩니다.
<script>
jQuery(document).ready( function(){
$.fn.snow();
});
jQuery(document).ready( function(){
$.fn.snow({ minSize: 5, maxSize: 40, newOn: 1000, flakeColor: '#0099FF' });
});
</script>
여기서 $.fn.snow({ minSize: 5, maxSize: 40, newOn: 1000, flakeColor: '#0099FF' }); 이 코드가 속성 값이 됩니다.
minSize : 매우 작은 눈의 최소 크기
maxSize : 최대 눈 크기
newOn: 눈을 몇초에 한번씩 내릴지 정하는 시간
flakeColor : 눈 색상
이를 참고하시어 지정해주시면 됩니다.
Ps. 어두운 사이트 일수록 매우 큰 디테일이 살아납니다 ^^-
Ps2. 모바일도 지원됩니다.