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
일
월
화
수
목
금
토
6.1
6.2
6.3
6.4
6.5
6.6
6.7
6.8
6.9
6.10
6.11
6.12
6.13
6.14
6.15
6.16
6.17
6.18
6.19
6.20
6.21
6.22
6.23
6.24
6.25
6.26
6.27
6.28
6.29
6.30
7.1
7.2
7.3
7.4
7.5
tag