수고 많으십니다.
매번 도움을 받고는 있지만 그간 눈팅만 해오던터라
제가 필요할때만 글 남기는것 같아 죄송합니다.
우선 소스는
스크립트 부분이 아래와 같고
<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">
혹시 괜찬으시면 도움 좀 부탁드립니다.
감사합니다.