Design PHP Windows Linux
제 목  [DESIGN] 화면에 눈 내리는 효과 입니다
작성자 관리자    조회수 23845
내 용
다운 snow.gif(0Kb) 다운 : 2956   
15 는 화면에 나타날 눈 이미지의 숫자
5 은 눈 내리는 속도 (큰 수일수록 속도 느려짐)
snow.gif 은 이미지의 경로 및 이름.
snow.gif는 첨부파일에서 다운받으세요

<body>~</body>사이에 아래의 태그를 넣으세요
<script language="JavaScript1.2">
<!--

var no = 15 ;
var speed = 5 ;
var snowflake = "snow.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 = 1024, doc_height = 768;
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) {
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-10) {
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();
}

// -->
</script>

목록

게시물 : 41 건, 현재 : 1 / 3 쪽
번 호 제 목 작성자   조 회
41 [DESIGN] 배경화면 고정시키기  관리자   22155
40 [WINDOWS] XP에서 시디 자동 인식 막는 방법  관리자   15853
39 [WINDOWS] 웹 상에서 MSN 메신저를 사용하려면?  관리자   15513
38 [DESIGN] 스크롤바를 왼쪽에 위치하게 하는 태그  관리자   14979
37 [DESIGN] iframe의 활용방법에 대해 알아봅시다  관리자   18801
36 [DESIGN] 즐겨찾기에 추가 버튼 만들기  관리자   8418
35 [WINDOWS] Shift키의 10가지 기능  관리자   18207
34 [DESIGN] wave 필터로 이미지를 물살에 비친 효과 적용  관리자   8111
33 [DESIGN] 화면에 눈 내리는 효과 입니다  관리자   23846
32 [DESIGN] fieldset 으로 여러가지 테이블 box 만들기  관리자   7906
31 [DESIGN] 링크되는 곳 마우스커서 바꾸기  관리자   11037
30 [DESIGN] 자동으로 즐겨찾기 기능  관리자   8354
29 [WINDOWS] 소스보기를 다른 에디터로 변경해보자  관리자   7547
28 [DESIGN] img 태그에 <border=0> 넣지 않기  관리자   8568
27 [WINDOWS] 폰트가 있는데 보이지 않을때 방법  관리자   8562
[이전] [1][2][3] [다음]
목록으로