물고기가 날아가는 스크립트

인터넷관련 2008. 1. 23. 16:04


http://oxtag.com/html/ex/fly_fish.html

<html>
<head>
<title></title>


</head>
<body>


<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
//<!-- Original:  Altan (snow@altan.hr) -->
//<!-- Web Site:  http://www.altan.hr/snow -->
// Script arranged by Hisa (http://young.giveu.net/img/)

var no = 8;
snow = new Array();
snow = new Array();
snow[0] = new Array("http://oxtag.com/html/img/fish/fish_1.gif",1);
snow[1] = new Array("http://oxtag.com/html/img/fish/fish_2.gif",0);
snow[2] = new Array("http://oxtag.com/html/img/fish/fish_3.gif",1);
snow[3] = new Array("http://oxtag.com/html/img/fish/fish_4.gif",0);
snow[4] = new Array("http://oxtag.com/html/img/fish/fish_5.gif",1);
snow[5] = new Array("http://oxtag.com/html/img/fish/fish_6.gif",0);
snow[6] = new Array("http://oxtag.com/html/img/fish/fish_7.gif",1);
snow[7] = new Array("http://oxtag.com/html/img/fish/fish_8.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>


<img src="/php/nalog/nalogd.php?counter=nlogcounter&url=" width=1 height=0>


</body>
</html>

'인터넷관련' 카테고리의 다른 글

그림이 아래로 떨어지게 하는 효과1  (0) 2008.01.23
이미지 랜덤 모드  (0) 2008.01.23
브라우저 크기 조절 안되게 하고 자동 풀 스크린으로 열기  (0) 2008.01.23
하단 상태바 애니메이션 효과  (0) 2008.01.23
자그마한 별이 커지는 소스(대문 같은 곳에 사용하면 좋을 듯)  (0) 2008.01.23
이미지에 마우스 오버시 사운드가 나오는 태그  (0) 2008.01.23
이미지 랜덤 모드로 변화합니다.  (0) 2008.01.23
마우스 주위를 빙글 돌면 흩어지는 이미지  (0) 2008.01.23
Posted by 알 수 없는 사용자
,

티스토리툴바