<script language="JavaScript">
<!--
var W   =  100; //각 이미지의 넓이
var go  =   -1; //어느 방향으로 갈 것인지 저장.(-1 : 왼쪽방향 1 pixel 이동, +1 : 오른쪽 방향 1 pixel 이동)
var stop;       //스크롤을 중지하기 위한 setTimeout 의 id 값을 저장하기 위한 변수.

var ctnt=new Array( "<a href="./# onclick="alert(1)'><img src=http://static.naver.com/kin/img/k1/main/gnb_menu01.gif border=0></a>"
                  , "<a href="./# onclick="alert(2)'><img src=http://ifull.co.kr/kin/img/k1/main/gnb_menu02.gif border=0></a>"
                  , "<a href="./# onclick="alert(3)'><img src=http://ifull.co.kr/kin/img/k1/main/gnb_menu03.gif border=0></a>"
                  , "<a href="./# onclick="alert(4)'><img src=http://ifull.co.kr/kin/img/k1/main/gnb_menu04.gif border=0></a>"
                  , "<a href="./# onclick="alert(5)'><img src=http://ifull.co.kr/kin/img/k1/main/gnb_menu05.gif border=0></a>"
                  , "<a href="./# onclick="alert(6)'><img src=http://ifull.co.kr/kin/img/k1/main/gnb_menu06.gif border=0></a>" );

var stop_time   = 100000;    // 하나의 아이템이 돌아가고 잠시 멈칫 하는 시간 (1초 = 1000)
var sspeed      =   0;    // 아이템이 움직이는 시간

function scroll(){
  var isStop = false;
  for(var i=0;i<ctnt.length;i++){
    var temp=document.getElementById("slider_"+i);
    var max = W*ctnt.length;
    temp.style.left= (max+parseInt(temp.style.left)+go+W)%max-W;
    if(go < 0 && parseInt(temp.style.left) == 0){
      isStop = true;
    }else if(go > 0 && parseInt(temp.style.left) + parseInt(temp.firstChild.firstChild.width) == parseInt(temp.parentNode.style.width)){
      isStop = true;
    }
  }
  if(isStop){
    stop=setTimeout("scroll()", stop_time);
  }else{
    stop=setTimeout("scroll()", sspeed);
  }
}

function stopImage(){
  clearTimeout(stop);
}

function gogoXing(n){
  stopImage();
  go = n;
  scroll();
}
//-->
</script>
<div id="mydiv" style="position:;left:0px;top:0px;width=280;height=55px;overflow:hidden;border:1px solid black;" onMouseOver='stopImage();' onMouseOut='scroll()'>
<script LANGUAGE="JavaScript">
  var str="";
  for(var i=0;i<ctnt.length;i++){
    str+="<div id=slider_"+i+" style='position:absolute;top:0px;left:"+(W*i)+"px;'>"
    str+=ctnt[i];
    str+="</div>";
  }
  document.write(str);
 scroll()
</script>
</div>


<br>
<input type=button onclick="gogoXing(-1);" value="left">

<input type=button onclick="gogoXing(+1);" value="right">

이 게시물을