<html>
<head>
<title>예쁜 물고기가 둥둥 떠다녀요</title>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" background="imge/y1.jpg">
<p><script language="JavaScript1.2">
var no = 8; //
snow = new Array();
snow = new Array();
snow[0] = new Array("script/imge/fish2.gif",1); //
snow[1] = new Array("script/imge/fish3.gif",0); //
snow[2] = new Array("script/imge/fish4.gif",1);
snow[3] = new Array("script/imge/fish5.gif",0);
snow[4] = new Array("script/imge/fish6.gif",1);
snow[5] = new Array("script/imge/fish7.gif",0);
snow[6] = new Array("script/imge/fish8.gif",1);
snow[7] = new Array("script/imge/fish2.gif",0);
var imgSize = 100; //
// _dom : 0=other, 1=Mozilla, 2=NN4, 3=IE4/5
var _dom=(document.all?3:(document.getElementById?1:(document.layers?2:0)));
var dx, xp, yp;
var am, stx, sty;
var i;
function getDocumentSize() {
if(_dom == 1 || _dom == 2) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (_dom == 3) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
}
getDocumentSize();
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
muki = new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-imgSize);
yp[i] = Math.random()*(doc_height-imgSize);
am[i] = Math.random()*20;
sty[i] = 0.02 + Math.random()/10;
stx[i] = 0.7 + Math.random();
muki[i] = snow[j][1];
if (_dom==2) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snow[j][0] + "\" border=\"0\"></layer>");
} else if (_dom==1 || _dom==3) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j][0] + "\" border=\"0\"></div>");
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}
function snowLoop() {
for (i = 0; i < no; ++ i) {
if (muki[i]) {
xp[i] += stx[i];
if (xp[i] > doc_width-imgSize) {
getDocumentSize();
xp[i] = 0;
yp[i] = Math.random()*(doc_height-am[i]-imgSize);
sty[i] = 0.02 + Math.random()/10;
stx[i] = 0.7 + Math.random();
}
} else {
xp[i] -= stx[i];
if (xp[i] < -imgSize) {
getDocumentSize();
xp[i] = doc_width - imgSize;
yp[i] = Math.random()*(doc_height-am[i]-imgSize);
sty[i] = 0.02 + Math.random()/10;
stx[i] = 0.7 + Math.random();
}
}
dx[i] += sty[i];
snowMove("dot"+i,yp[i] + am[i]*Math.sin(dx[i]),xp[i]);
}
setTimeout("snowLoop()", 10);
}
function snowMove(lay,t,l) {
if (_dom == 1) {
document.getElementById(lay).style.top = t;
document.getElementById(lay).style.left = l;
}
if (_dom == 2) {
document.layers[lay].top = t;
document.layers[lay].left = l;
}
if (_dom == 3) {
document.all[lay].style.pixelTop = t;
document.all[lay].style.pixelLeft = l;
}
}
if (_dom) {
snowLoop();
}
// End -->
</script> </p>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 셀렉트 박스의 내용에 링크걸기 (0) | 2016.06.01 |
|---|---|
| 상태바에 파도치는 효과메시지 (0) | 2016.06.01 |
| 자동으로 즐겨찾기 띄우기 (0) | 2016.06.01 |
| 뽀글뽀글... 배경에 거품(물방울) 만들기 (0) | 2016.06.01 |
| 미끄러지듯 따라다니는 레이어 만들기 (0) | 2016.06.01 |