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
일
월
화
수
목
금
토
4.26
4.27
4.28
4.29
4.30
5.1
5.2
5.3
5.4
5.5
5.6
5.7
5.8
5.9
5.10
5.11
5.12
5.13
5.14
5.15
5.16
5.17
5.18
5.19
5.20
5.21
5.22
5.23
5.24
5.25
5.26
5.27
5.28
5.29
5.30
5.31
6.1
6.2
6.3
6.4
6.5
6.6
tag