YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름    오토
비밀번호 
 

가로롤링(좌우로 흐름, 한칸씩 이동)

페이지 정보

작성자 MintState 댓글 2건 조회 23,612회 작성일 09-04-24 12:37

본문

가로롤링(좌우로 흐름, 한칸씩 이동)


이 롤링은 노출면에서 상당히 깔끔합니다.
좌우 버튼을 클릭하면 한칸씩 이동하고 마우스 오버시 흐르는 방향을 조정 할 수 있습니다.

첨부파일을 확인 하세요.

<HTML>
<HEAD>
<TITLE>eScroll ~~</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE>
body{font-family:돋움,Tahoma;font-size:9pt;scrollbar-face-color:#F2F2F2;scrollbar-shadow-color:#999;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#999;scrollbar-darkshadow-color:#FFF;scrollbar-track-color:#FFF;scrollbar-arrow-color:#999;margin:0;}
td, p, input, button, textarea, select { font-family:돋움,Tahoma; font-size:9pt; color:#222222; }
img {border:0px;}
a:link, a:visited, a:active {text-decoration:none;color:#466C8A;}
a:hover {text-decoration:underline;}
</STYLE>
</HEAD>
<BODY>
<SCRIPT type="text/javascript" language="javascript">
var miniScroll = new eScroll;
miniScroll.id = "miniScroll_01";
miniScroll.mode = "left";
miniScroll.line = 4;
miniScroll.width = 168;
miniScroll.height = 180;
miniScroll.align = "center";
miniScroll.valign = "top";
var tmp = "\
<div><a href='#' target=_parent><img src='images/01.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 01</a></div>\
<div><b>배너 텍스트 01</b></div>\
\
\
";
miniScroll.add(tmp);
var tmp = "\
<div><a href='#' target=_parent><img src='images/02.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 02</a></div>\
<div><b>배너 텍스트 02</b></div>\
\
\
";
miniScroll.add(tmp);
var tmp = "\
<div><a href='#' target=_parent><img src='images/03.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 03</a></div>\
<div><b>배너 텍스트 03</b></div>\
\
\
";
miniScroll.add(tmp);
var tmp = "\
<div><a href='#' target=_parent><img src='images/04.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 04</a></div>\
<div><b>배너 텍스트 04</b></div>\
\
\
";
miniScroll.add(tmp);
var tmp = "\
<div><a href='#' target=_parent><img src='images/05.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 05</a></div>\
<div><b>배너 텍스트 05</b></div>\
\
\
";
miniScroll.add(tmp);
var tmp = "\
<div><a href='#' target=_parent><img src='images/06.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 06</a></div>\
<div><b>배너 텍스트 06</b></div>\
\
\
";
miniScroll.add(tmp);
var tmp = "\
<div><a href='#' target=_parent><img src='images/07.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 07</a></div>\
<div><b>배너 텍스트 07</b></div>\
\
\
";
miniScroll.add(tmp);
var tmp = "\
<div><a href='#' target=_parent><img src='images/08.jpg' width=150 style='border:1 solid #dfdfdf' onerror=this.src='images/naImg.jpg'></a></div>\
<div style='padding:5'><a href='#' target=_parent>배너 제목 08</a></div>\
<div><b>배너 텍스트 08</b></div>\
\
\
";
miniScroll.add(tmp);
</SCRIPT>
<table cellSpacing=0 cellPadding=0 width="90%">
	<tr>
		<td><span style='cursor:pointer' onmouseover=miniScroll.direct(-1) onclick=miniScroll.go()>《</span></td>
		<td style='padding:8px 0 8px 0'  vAlign=top align=middle width='100%'><SCRIPT>miniScroll.exec();</SCRIPT></td>
		<td><span style='cursor:pointer' onmouseover=miniScroll.direct(1) onclick=miniScroll.go()>》</span></td>
	</tr>
</table>
</BODY>
</HTML>
첨부 파일
파일 종류: jpg eScroll.jpg (54.0K, 85 views)
파일 종류: html eScroll.html (7.6K, 213 views)

댓글목록

쿄쿄루님의 댓글

쿄쿄루 작성일

웹 표준에서 먹질 않네요.

강민구님의 댓글

강민구 작성일

웹 표준에서 먹질 않네요. nn

Total 178건 2 페이지
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2024, YesYo.com MintState. ™