아이프레임을 이용한거예요. 이미지는 아이프레임 내부의 문서에 들어있어요. 클릭하면 아이프레임에 들어있는 문서가 움직이는 거예요.
 
 

<SCRIPT language=JavaScript>// BOF
window.oneclick= null
var x = 0;
var nScrollEnd = 0;
var nStop = 0;
function Scroll(dist)
{
nStop =0;
nScrollEnd = dist;
if(x<dist) scroll_Right();
if(x>dist) scroll_Left();
}
function scroll_Left()
{
if(nStop == 0)
{
if (x > nScrollEnd)
{
this.frames.scroll_menu.scroll(x,0);
x = x - 10; //오른쪽에서 왼쪽으로 이동하는 속도
setTimeout('scroll_Left()', 1);
}
else
{
x = nScrollEnd;
this.frames.scroll_menu.scroll(x,0);
}
}
}
function scroll_Right()
{
if(nStop == 0)
{
if (x < nScrollEnd)
{
this.frames.scroll_menu.scroll(x,0);
x = x + 10; //왼쪽에서 오른쪽으로 이동하는 속도
setTimeout('scroll_Right()', 10);
}
else
{
x = nScrollEnd;
this.frames.scroll_menu.scroll(x,0);
}
}
}
//-->
// EOF
</SCRIPT>
<!--아이프레임 주위의 테이블-->
<TABLE border=0 cellSpacing=0 width=553><TBODY><TR><TD width=551>
<TABLE align=center bgColor=white border=0 cellPadding=0 cellSpacing=0 width=549>
<TBODY><TR><TD width=549><P align=center>
<!-- 아이프레임-->
<IFRAME frameBorder=0 width="110" height="110" marginHeight=0 marginWidth=0 name=scroll_menu scrolling=no src="아이프레임 경로"></IFRAME>
<!--이동 거리-->
<P align=center>
<A href="#" onclick=Scroll(0);>1</A>
<A href="#" onclick=Scroll(110);>2</A>
<A href="#" onclick=Scroll(220);>3</A>
<A href="#" onclick=Scroll(330);>4</A>
<A href="#" onclick=Scroll(440);>5</A></P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
 
 
[이 게시물은 VIRHAC님에 의해 2009-09-13 14:40:37 HTML에서 이동 됨]