<html>
<head>
<title>
</title>
</head>
<body>
<script language="javascript">
var move_height = 100; // 한번에 움직이는 양
var move_speed = 1; // Scrolling 속도 100 과의 나누어 떨어지는값
var wait_time = 3000; // 대기 시간 3초
var ready_state1,ready_state2
var move_act = true;
var interval = new Array();
function init_scroll(aaa,ccc,idx)
{
var tag;
for (var i=0; i < aaa.length; i++)
{
divid = ccc + i
tag='<div style="left: 0px; position: absolute; top: '+(move_height*i)+'px" id="'+divid+'">';
tag+=aaa[i];
tag+='</div>';
document.write(tag);
}
interval[idx] = setInterval(function(){scroll(aaa,ccc,idx)}, wait_time);
}
function scroll(bbb,ddd,idx)
{
if (move_act)
{
var tmp;
var flag = false;
for (var i=0 ;i < bbb.length ;i++){
divid = ddd + i
tmp = document.getElementById(divid).style;
tmp.top = parseInt(tmp.top)-move_speed;
//넘어 올라간것 다시 아래로 재배치
if (parseInt(tmp.top) <= -move_height){
tmp.top = move_height*(bbb.length-1);
flag = true;
}
}
//재배치 된후 다시 시작.
if (flag){
clearInterval(interval[idx]);
interval[idx] = setInterval(function(){scroll(bbb,ddd,idx)}, wait_time);
return;
}
}
clearInterval(interval[idx]);
interval[idx] = setInterval(function(){scroll(bbb,ddd,idx)}, 1); //빠르게 재정의
}
</script>
<table border=0 width=500 ID="Table1">
<tr>
<td colspan=2 height=100> </td>
</tr>
<tr>
<td width=100 height=200> </td>
<td width=400>
<!-- 시작--->
<div id="div_scroll" style="width=100%;height:100;overflow:hidden" onmouseover="move_act=false;" onmouseout="move_act=true;">
<script language=javascript>
var area_content= new Array();
area_content[0] = '<table border=1 width=100% height=100><tr><td>111</td></tr></table>';
area_content[1] = '<table border=1 width=100% height=100><tr><td>222</td></tr></table>';
area_content[2] = '<table border=1 width=100% height=100><tr><td>333</td></tr></table>';
area_content[3] = '<table border=1 width=100% height=100><tr><td>444</td></tr></table>';
area_content[4] = '<table border=1 width=100% height=100><tr><td>555</td></tr></table>';
area_content[5] = '<table border=1 width=100% height=100><tr><td>666</td></tr></table>';
area_content[6] = '<table border=1 width=100% height=100><tr><td>777</td></tr></table>';
area_content[7] = '<table border=1 width=100% height=100><tr><td>888</td></tr></table>';
</script>
<script language="javascript">init_scroll(area_content,'move_area',0);</script>
</div>
<a href="javascript:move_next()">NEXT</a>
<!-- 끝--->
</td>
<td width=400>
<!-- 시작--->
<div id="Div1" style="width=100%;height:100;overflow:hidden" onmouseover="move_act=false;" onmouseout="move_act=true;">
<script language=javascript>
var area_content2= new Array();
area_content2[0] = '<table border=1 width=100% height=100><tr><td>aaa</td></tr></table>';
area_content2[1] = '<table border=1 width=100% height=100><tr><td>bbb</td></tr></table>';
area_content2[2] = '<table border=1 width=100% height=100><tr><td>ccc</td></tr></table>';
area_content2[3] = '<table border=1 width=100% height=100><tr><td>ddd</td></tr></table>';
area_content2[4] = '<table border=1 width=100% height=100><tr><td>eee</td></tr></table>';
area_content2[5] = '<table border=1 width=100% height=100><tr><td>fff</td></tr></table>';
area_content2[6] = '<table border=1 width=100% height=100><tr><td>ggg</td></tr></table>';
area_content2[7] = '<table border=1 width=100% height=100><tr><td>hhh</td></tr></table>';
</script>
<script language="javascript">init_scroll(area_content2,'move_area2',1);</script>
</div>
<a href="javascript:move_next()">NEXT</a>
<!-- 끝--->
</td>
</tr>
<tr>
<td colspan=2 height=100> </td>
</tr>
</table>
</body>
</html>
0