스크립트
< 자료공유 < 스크립트
스크립트자료실

낙엽 떨어지기

페이지 정보

작성일13-02-06 13:43 조회1,157회

본문

<HTML>
<HEAD>
<TITLE>낙엽 떨어짐</TITLE>
</HEAD>
<BODY style="margin:0; padding:0;">
<script language="JavaScript1.2">
<!--
var no = 10;
var speed = 10;
balloon = new Array();
balloon[0] = "http://madalla.kr/script/img/le1.gif";
balloon[1] = "http://madalla.kr/script/img/le2.gif";
balloon[2] = "http://madalla.kr/script/img/le3.gif";
var maxballoon = 2;
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 = 1024;
if (ns4up) {
 doc_width = self.innerWidth;
 doc_height = self.innerHeight - 50;
} else if (ie4up) {
 doc_width = document.body.clientWidth;
 doc_height = document.body.clientHeight -50;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = maxballoon;
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\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>");
  } else {
   document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"500\" visibility=\"show\"><img src=\"" + balloon[j] + "\" border=\"0\"></layer>");
    }
 } else if (ie4up) {
  if (i == 0) {
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>");
  } else {
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 500px; LEFT: 15px;\"><img src=\"" + balloon[j] + "\" border=\"0\"></div>");
     }
 }
 if (j == 0) { j = maxballoon; } else { j -= 1; }
}
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>
</BODY>
</HTML>
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기