본문으로 바로가기

블로그 눈내리기 - 블로그 겨울, 크리스마스 분위기 내기

category Blog 2010. 12. 22. 00:41



<!-- 눈내리기 시작 -->
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: gray }
</style>

<script language="javascript">
snow = true;
snowsym = "*" ;
howmany = 20;

if(snow){sym = snowsym; speed=1; angle=10; drops=howmany};
movex = -speed/angle; movey = speed; count = 0;

function moverain(){

for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);

if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>

 

<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"

for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;

if(snow){col = 'white'}else{col = 'gray'}
drop[make].color = col;
}
window.onload=moverain
}

</script>
<!-- 눈내리기 끝 -->

 


반드시 사용중인 스킨을 미리 저장하시기 바랍니다.
관리자 - 스킨 - 스킨 선택 에서 스킨을 저장 하실 수 있습니다.

위의 소스를 관리자 - 스킨 - HTML/CSS 편집 에서 skin.html 의 </body> 바로 위에 넣어주시면 됩니다.

기본 색상은 'white' 입니다.

바꿔 사용 하시려면 위의 소스 밑 부분의 'white' 를 아래 색상표를 보시고 원하는 색상의 영문이름으로 바꿔 넣어주시면 됩니다.



아래 태그연습장에서 미리 확인해 보세요.

텍스트박스에 소스를 넣어주고 밑의 결과 보기를 눌러주시면 됩니다.

태그연습장

결과 보기 | 보기창 닫기

댓글 , 엮인글
IASO
블로그 이미지 PHOLAR 님의 블로그
MENU
CATEGORY
VISITOR 오늘 / 전체

티스토리툴바