텍스트 롤링

<style type=text/css>
#nodeco { text-decoration : none; }
#ln1 { line-height: 1.3; }
#ln2 { line-height: 1.4; }
#ln3 { line-height: 1.5; }
#keyword A:link { color: #444444; text-decoration: none;}
#keyword A:visited { color: #444444; text-decoration: none;}
#keyword A:active { color: #444444; text-decoration: none;}
#keyword A:hover { text-decoration: underline;}
</style>

</script>
<script>
<!--
var rtquery = new Array();
rtquery[0] = " <a href='#'><font color='green'><b>롤링 테스트글 1</b></font></a>";
rtquery[1] = " <a href='#'><font color='green'><b>롤링 테스트글 2</b></font></a>";
rtquery[2] = " <a href='#'><font color='green'><b>롤링 테스트글 3</b></font></a>";

ervice = "kin";
var message_count = 3;   // 몇개의 message를 출력할 것인가?
var interval = 30;   // 움직이는 속도를 조절할 수 있음
var message_height = 20;
var scroll_direction = 1; // 뭐에 쓰는거지?
var pause_count = 1;   // 몇개를 보여주고 설것인지 정의
var pause_time = 3000;    // 얼마동안 멈출지 정의

var rtquery_disable = 0;
var scroll_count = 0; // 몇개의 컨텐츠가 이동했는지 알 수 있음
var timer_id;
var top_id;
var bottom_id;
var rtquery_list = Array(message_count);

function get_rtquery(count, start_index)
{
 return true;
}

function get_rtquery0(count, start_index)
{

}

function scroll_init()
{
 if (typeof(rtquery) == "undefined")
 {
  rtquery_disable = 1;
  return;
 }

 document.write("<div id=scroll style=' left:5px; top:0px; width:100px; height:" + message_count * message_height + "' onMouseOver='scroll_stop()' onMouseOut='scroll_run()'>");

 for (var i = 0; i < message_count; i++)
 {
  var left = 0;
  var top = i * message_height;

  var query = rtquery[i];
 
  var enc_query = query.replace(/"/g, "%22");
 
  document.write("<div id=scroll" + i + " style=' left:" + left + "px; top:" + top + "px;backgroudColor=cccccc'>");
  document.write("<font style='font-size:12; line-height:1.3;' id=keyword> ");
  document.write("<a onMouseOver=this.style.backgroundColor='f4f4f4' onMouseOut=this.style.backgroundColor='ffffff' id='query" + i + "'" + query + "</a></font>");
  document.write("</div>");

 }

 document.write("</div>");

 top_id = 0;
 bottom_id = message_count - 1;
}

function scroll_up()
{
 if (rtquery_disable) return;
 
 // 움직이는 부분
 var top = document.getElementById('scroll').style.top;
 top = parseInt(top);
 
 // 아래로 움직일때 실행되는 부분  
 if (top % message_height == message_height * (-1) + 1)
 {  
  document.getElementById('scroll' + top_id).style.top = top + message_height * message_count + message_height * scroll_count * 2 + message_height;
  if (top_id == message_count - 1)
   top_id = 0;
  else
   top_id++;
 
  scroll_count++;
 
  // 정해놓은 개수만큼 스크롤 후 정지
  if ( scroll_count % pause_count == 0)
  { 
   scroll_pause(pause_time)    
  }
   
 }

 top -= 1;

 document.getElementById('scroll').style.top = top;
 
 if (top / (message_height * message_count / 2) == -1)
 {
  get_rtquery0(message_count / 2, 0);
  return ;
 }
}

var timer_id2;
function scroll_rerun()
{
 //alert("return");
 clearInterval(timer_id2);
 scroll_run();
}

// 스크롤을 잠시 멈출때 사용
function scroll_pause(time)
{
 scroll_stop();
 timer_id2 = setInterval("scroll_rerun()", time);
}

function scroll_run()
{  
 timer_id = setInterval("scroll_up()", interval);
}

function scroll_stop()
{
     if (timer_id2)
  clearInterval(timer_id2);
      
 clearInterval(timer_id);
}

scroll_init();
scroll_run();
//-->
</script>