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>

  1. 데모사이트 관련

  2. XE 버젼 업에 따른 관리자 페이지 변경

  3. 원격 프로그램 팀뷰어

  4. 초보자들을 위한 홈피만들기에 개념?

  5. xe 설치과정입니다.

  6. 태그 연습장이요

  7. 웹폰트 왼쪽 긴글폰트

  8. 웹폰트2(왼쪽 메뉴)

  9. 웹폰트 왼쪽 움직이는 폰트 및 간단설명

  10. 음악태그정리-태그스캐너

  11. 제로보드 html파일 첨부

  12. 이미지 링크시 테두리 점선 안나오게

  13. 기념일 및 D데이 소스

  14. 홈페이지소스 공개

  15. 아이프레임 크기 자동조절

  16. 이미지 롤오버

  17. 엑소버드 제로보드 연동

  18. background 이미지 하나만

  19. 마우스오버시 소리나게

  20. 눈내리는 스크립

  21. 요동치는 이미지

  22. 세로정렬 줄간격으로

  23. 투명 아이프레임만들기

  24. 글씨 전광판효과

  25. 사진 클릭해서 다음사진보기

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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소