웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[초간단 자바스크립트!] 아이프레임 이용한 이미지 갤러리(?)
2004.01.02 20:33
//시험 준비하느라 ... 지금까지... 약 3달간 못들어온거 같네요..-_-;;
쿨럭.. 10월 부터 않드러온거 가튼데...-_-;;; 벌써 2004년이네요...
새해 福많이 받으시고요... 새해 기념으로 소스하나 올릴께요....//
//이거... 아이프레임 이용해서 이미지 갤러리(?) 만드는 건데...
좀... 특이해서 올립니다.... [아이프레임 이용한건 처음이라서...]//
<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>
//저도 모르게써요...그냥.... 특이해서요... 리플로.. 미리보기 올릴렵니다...문제있으면... 쪽지주세요..//
쿨럭.. 10월 부터 않드러온거 가튼데...-_-;;; 벌써 2004년이네요...
새해 福많이 받으시고요... 새해 기념으로 소스하나 올릴께요....//
//이거... 아이프레임 이용해서 이미지 갤러리(?) 만드는 건데...
좀... 특이해서 올립니다.... [아이프레임 이용한건 처음이라서...]//
<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>
//저도 모르게써요...그냥.... 특이해서요... 리플로.. 미리보기 올릴렵니다...문제있으면... 쪽지주세요..//
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
상태바에 시계띄우기.. 허접제작; | 홍윤식 | 2002.07.29 |
개판 오분전 넷 오디오 최종 수정판 [6] | 미친개 | 2002.07.28 |
넷 오디오 업그레이드 0.95 | 미친개 | 2002.07.25 |
개판 오분전 넷 오디오 v 0.9 [2] | 미친개 | 2002.07.22 |
간단한 BGM 스크립트 [7] | ZipShin | 2002.07.21 |
창틀 엄는 윈도우 개판 오분전 버전.........ㅡ,.ㅡ [11] | 미친개 | 2002.07.20 |
[BGM]♬가상프레임에서 배경음악 켜고끄는 버튼 만들기 ^^; [10] | abulo | 2002.07.19 |
input 태그에 포커스 맞추기.. [5] | ZipShin | 2002.07.18 |
업그레이드 태그 연습장 [6] | 미친개 | 2002.07.18 |
16777216 -- ??? | 미친개 | 2002.07.18 |
폼의 입력 값의 공백 및 자릿 수 검사 코드 [1] | Technician | 2002.07.17 |
사용자가 입력한 키 알아내기(KeyCode) [4] | ZipShin | 2002.07.16 |
인터넷익스플로러 타이틀바에 제목나타내기 [3] | ZipShin | 2002.07.12 |
해상도가 몇인지를 구해주는 스크립트 [3] | ZipShin | 2002.07.07 |
원하는 홈페이지를 시작페이지 설정하기!!!! [3] | 오길호 | 2002.07.05 |
제목이 계속 바뀝니다. [1] | 행복=진만 | 2002.07.03 |
간단한 쿠키 &세션 확인용 | M2Vis | 2002.07.01 |
input버튼으로 뒤로가기 앞으로 가기 만들어보자~~ [1] | ZipShin | 2002.06.26 |
자바스크립트로 메타태그 리프레쉬 효과를 보여주자. [5] | ZipShin | 2002.06.26 |
순수 자바스크립트로 작성된 계산기... [2] | 용가리 | 2002.06.22 |