가로롤링(좌우로 흐름, 한칸씩 이동)가로롤링(좌우로 흐름, 한칸씩 이동)
페이지 정보
작성자 MintState 댓글 2건 조회 23,937회 작성일 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>|
|
댓글목록
쿄쿄루님의 댓글
쿄쿄루 작성일웹 표준에서 먹질 않네요.
강민구님의 댓글
강민구 작성일웹 표준에서 먹질 않네요. nn
