Skip to content

기타팁
2008.03.10 23:36

눈내리는 스크립

?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
내홈피에서 사용하고 싶지만
내컴이 워낙 구려서 이스크립트를 쓰면 굉장히 버벅거린다.
내홈피는 내컴사양에 맞춰서 내컴에서 버벅거리면 아무리 좋은 소스라도 사용하지 않기에
걍 이렇게 팁에만 남긴다.
이스크립트는 눈 대신에 낙엽이나 기타 이미지등을 넣을 수 있다.





<body bgcolor=black>
<script language="Javascript1.2">
var no = 15;   <!--보면 알겠지만 떨어지는 이미지의 숫자다--->
var speed = 9;  <!---이건 속도긴 한데 5가 기준으로 9는 빠른거 같다--->
var snowflake = "http://nadark79.webzero.co.kr/123.gif"; //이미지 주소 수정
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    
var am, stx, sty;  
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;                    
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;        
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();    
if (ns4up) {                    
if (i == 0) {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
} else {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(snowflake + "" border="0"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id="dot"+ i +"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
document.write(snowflake + "" border="0"></div>");
} else {
document.write("<div id="dot"+ i +"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
document.write(snowflake + "" border="0"></div>");
      }
   }
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {  
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 xe레이아웃 데모사이트 관련 gsm 2013.05.07 17259
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 18082
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 18196
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 18705
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 18825
27 기타팁 태그 연습장이요 Gsm 2010.11.03 3355
26 기타팁 웹폰트 왼쪽 긴글폰트 file Gsm 2010.11.01 3050
25 기타팁 웹폰트2(왼쪽 메뉴) file Gsm 2010.11.01 3201
24 기타팁 웹폰트 왼쪽 움직이는 폰트 및 간단설명 file Gsm 2010.11.01 3229
23 기타팁 음악태그정리-태그스캐너 file Gsm 2010.10.31 3026
22 기타팁 제로보드 html파일 첨부 Gsm 2010.06.15 3635
21 기타팁 이미지 링크시 테두리 점선 안나오게 Gsm 2010.06.14 3009
20 기타팁 기념일 및 D데이 소스 file Gsm 2010.05.16 3445
19 연습용 홈페이지소스 공개 file Gsm 2010.05.09 4227
18 기타팁 아이프레임 크기 자동조절 cs 2008.04.01 3735
17 기타팁 이미지 롤오버 file Gsm 2008.03.10 3632
16 제로보드4 엑소버드 제로보드 연동 cs 2008.03.10 3797
15 기타팁 background 이미지 하나만 cs 2008.03.10 4732
14 기타팁 마우스오버시 소리나게 Gsm 2008.03.10 3830
» 기타팁 눈내리는 스크립 Gsm 2008.03.10 3680
12 기타팁 요동치는 이미지 cs 2008.03.10 3547
11 기타팁 세로정렬 줄간격으로 cs 2008.03.10 3785
10 기타팁 투명 아이프레임만들기 cs 2008.03.10 4004
9 기타팁 글씨 전광판효과 cs 2008.03.10 3846
8 기타팁 사진 클릭해서 다음사진보기 cs 2008.03.10 3578
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소