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 8704
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 9354
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 9378
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 9967
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 10107
27 기타팁 태그 연습장이요 Gsm 2010.11.03 1558
26 기타팁 웹폰트 왼쪽 긴글폰트 file Gsm 2010.11.01 1432
25 기타팁 웹폰트2(왼쪽 메뉴) file Gsm 2010.11.01 1547
24 기타팁 웹폰트 왼쪽 움직이는 폰트 및 간단설명 file Gsm 2010.11.01 1597
23 기타팁 음악태그정리-태그스캐너 file Gsm 2010.10.31 1574
22 기타팁 제로보드 html파일 첨부 Gsm 2010.06.15 2003
21 기타팁 이미지 링크시 테두리 점선 안나오게 Gsm 2010.06.14 1570
20 기타팁 기념일 및 D데이 소스 file Gsm 2010.05.16 1720
19 연습용 홈페이지소스 공개 file Gsm 2010.05.09 2480
18 기타팁 아이프레임 크기 자동조절 cs 2008.04.01 1879
17 기타팁 이미지 롤오버 file Gsm 2008.03.10 1756
16 제로보드4 엑소버드 제로보드 연동 cs 2008.03.10 2211
15 기타팁 background 이미지 하나만 cs 2008.03.10 2806
14 기타팁 마우스오버시 소리나게 Gsm 2008.03.10 2071
» 기타팁 눈내리는 스크립 Gsm 2008.03.10 1790
12 기타팁 요동치는 이미지 cs 2008.03.10 1843
11 기타팁 세로정렬 줄간격으로 cs 2008.03.10 1870
10 기타팁 투명 아이프레임만들기 cs 2008.03.10 2015
9 기타팁 글씨 전광판효과 cs 2008.03.10 1996
8 기타팁 사진 클릭해서 다음사진보기 cs 2008.03.10 1982
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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소