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. 데모사이트 관련

    Date2013.05.07 Categoryxe레이아웃 Bygsm Views8704
    read more
  2. XE 버젼 업에 따른 관리자 페이지 변경

    Date2013.04.28 CategoryXE 홈피 Bygsm Views9354
    read more
  3. 원격 프로그램 팀뷰어

    Date2012.12.13 Category기타팁 Bygsm Views9378
    read more
  4. 초보자들을 위한 홈피만들기에 개념?

    Date2012.10.16 Category기타팁 Bygsm Views9967
    read more
  5. xe 설치과정입니다.

    Date2012.10.05 CategoryXE 홈피 Bygsm Views10107
    read more
  6. 태그 연습장이요

    Date2010.11.03 Category기타팁 ByGsm Views1558
    Read More
  7. 웹폰트 왼쪽 긴글폰트

    Date2010.11.01 Category기타팁 ByGsm Views1432
    Read More
  8. 웹폰트2(왼쪽 메뉴)

    Date2010.11.01 Category기타팁 ByGsm Views1547
    Read More
  9. 웹폰트 왼쪽 움직이는 폰트 및 간단설명

    Date2010.11.01 Category기타팁 ByGsm Views1597
    Read More
  10. 음악태그정리-태그스캐너

    Date2010.10.31 Category기타팁 ByGsm Views1574
    Read More
  11. 제로보드 html파일 첨부

    Date2010.06.15 Category기타팁 ByGsm Views2003
    Read More
  12. 이미지 링크시 테두리 점선 안나오게

    Date2010.06.14 Category기타팁 ByGsm Views1570
    Read More
  13. 기념일 및 D데이 소스

    Date2010.05.16 Category기타팁 ByGsm Views1720
    Read More
  14. 홈페이지소스 공개

    Date2010.05.09 Category연습용 ByGsm Views2480
    Read More
  15. 아이프레임 크기 자동조절

    Date2008.04.01 Category기타팁 Bycs Views1879
    Read More
  16. 이미지 롤오버

    Date2008.03.10 Category기타팁 ByGsm Views1756
    Read More
  17. 엑소버드 제로보드 연동

    Date2008.03.10 Category제로보드4 Bycs Views2211
    Read More
  18. background 이미지 하나만

    Date2008.03.10 Category기타팁 Bycs Views2806
    Read More
  19. 마우스오버시 소리나게

    Date2008.03.10 Category기타팁 ByGsm Views2071
    Read More
  20. 눈내리는 스크립

    Date2008.03.10 Category기타팁 ByGsm Views1790
    Read More
  21. 요동치는 이미지

    Date2008.03.10 Category기타팁 Bycs Views1843
    Read More
  22. 세로정렬 줄간격으로

    Date2008.03.10 Category기타팁 Bycs Views1870
    Read More
  23. 투명 아이프레임만들기

    Date2008.03.10 Category기타팁 Bycs Views2015
    Read More
  24. 글씨 전광판효과

    Date2008.03.10 Category기타팁 Bycs Views1996
    Read More
  25. 사진 클릭해서 다음사진보기

    Date2008.03.10 Category기타팁 Bycs Views1982
    Read More
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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소