logo image
메인
기술
HOME
자유

-질문있습니다-javascript에 관한 질문인데요.이미지를 위아래로 움직이는 소스인데 FF에서 안되어서 질문드립니다.

3
목록
수정 삭제
수고 많으십니다.
매번 도움을 받고는 있지만 그간 눈팅만 해오던터라
제가 필요할때만 글 남기는것 같아 죄송합니다.

우선 소스는
스크립트 부분이 아래와 같고
<script type="text/JavaScript">
<!--

var x = 0;
var y = 0;
var offsetx = 4;
var offsety = 4;

function bounceIt() {
    var el = document.getElementById("bounce");
    var b = document.getElementById("ddd");

    y += offsety;

    if((y + el.offsetHeight <= b.clientHeight + b.scrollTop) || (y > b.scrollTop)) {
        offsety = -offsety;
        if(y > b.scrollTop) y = b.scrollTop;
        else y = b.clientHeight - el.offsetHeight + b.scrollTop;
    }

    el.style.posTop = y;
}

//-->
</script>


body부분은 아래와 같습니다.
<div id='ddd' style='width:900px;height:300px;position:relative;table-layout:xss__;overflow:hidden;border:1px dashed;'>
<img src="/img/no_image.gif" id="bounce" style="position:xss__;top:0;left:0;width:900px;height:400px;border:1px solid;" alt="" />
</div>
<script type="text/javascript">setInterval('bounceIt()', 100)</script>

일단 IE에서는 작동하는데 FF에서 작동을 안하네요

DTD선언은 아래와같이 했구요
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

혹시 괜찬으시면 도움 좀 부탁드립니다.
감사합니다.
목록
수정 삭제
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
태그 적용
여보세요? 손님도 적으실 수 있습니다. 11
일
월
화
수
목
금
토
7.27
7.28
7.29
7.30
7.31
8.1
8.2
8.3
8.4
8.5
8.6
8.7
8.8
8.9
8.10
8.11
8.12
8.13
8.14
8.15
8.16
8.17
8.18
8.19
8.20
8.21
8.22
8.23
8.24
8.25
8.26
8.27
8.28
8.29
8.30
8.31
9.1
9.2
9.3
9.4
9.5
9.6
tag