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

벽에 부딫치면 튕김질하는 공

페이지 정보

작성일13-02-06 13:20 조회1,086회

본문

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>튕김질하는 공</title>
<script language="JavaScript">
<!--
var ballWidth = 40;
var ballHeight = 40;
var BallSpeed = 8;
var stopafter=0; 
var maxBallSpeed = 50;
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
function stopit(){
    clearTimeout(doit)
    if (document.getElementById)
        document.getElementById("superball").style.visibility="hidden"
        else if (document.all)
            document.all("superball").style.visibility = "hidden";
        else
            document.layers["superball"].visibility = "hide";
    }
function initializeBall() {
    if (document.all) {
        xMax = document.body.clientWidth
        yMax = document.body.clientHeight
        document.all("superball").style.visibility = "visible";
    }
        else if (document.layers||document.getElementById) {
            xMax = window.innerWidth-14;
            yMax = window.innerHeight;
   
    if (document.getElementById)
        document.getElementById("superball").style.visibility="visible"
        else
        document.layers["superball"].visibility = "show";
    }
    setTimeout('moveBall()',400);
    if (stopafter>0)
        setTimeout("stopit()",stopafter*1000)
}

function moveBall() {
    if (superballRunning == true) {
        calculatePosition();
    if (document.all) {
        document.all("superball").style.left = xPos + document.body.scrollLeft;
        document.all("superball").style.top = yPos + document.body.scrollTop;
    }
        else if (document.layers) {
            document.layers["superball"].left = xPos + pageXOffset;
            document.layers["superball"].top = yPos + pageYOffset;
        }
        else if (document.getElementById) {
            document.getElementById("superball").style.left = xPos + pageXOffset;
            document.getElementById("superball").style.top = yPos + pageYOffset;
        }
        doit=setTimeout('moveBall()',30);
    }
}
function calculatePosition() {
    if (xDir == "right") {
    if (xPos > (xMax - ballWidth - BallSpeed)) {
    xDir = "left";
        }
    }
    else if (xDir == "left") {
    if (xPos < (0 + BallSpeed)) {
    xDir = "right";
        }
    }
    if (yDir == "down") {
    if (yPos > (yMax - ballHeight - BallSpeed)) {
    yDir = "up";
        }
    }
    else if (yDir == "up") {
    if (yPos < (0 + BallSpeed)) {
    yDir = "down";
        }
    }
    if (xDir == "right") {
    xPos = xPos + BallSpeed;
    }
    else if (xDir == "left") {
    xPos = xPos - BallSpeed;
    }
    else {
    xPos = xPos;
    }
    if (yDir == "down") {
    yPos = yPos + BallSpeed;
    }
    else if (yDir == "up") {
    yPos = yPos - BallSpeed;
    }
    else {
    yPos = yPos;
    }
}
if (document.all||document.layers||document.getElementById){
    window.onload = initializeBall;
    window.onresize = new Function("window.location.reload()");
}
//-->
</script>
</head>
<body>
<DIV id="superball" style="position:absolute;left:0;top:0;visibility:hide;visibility:hidden;width:40;height:40;">
<a href="http://madalla.kr"><img name="superballImage" src="http://madalla.kr/script/ball/ball.gif" border="0"></a>
</DIV>
</body>
</html>
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기