자바스크립트-Cmd 명령어

[javascript] 스크롤링 문자열

로빈아빠

https://cmd.kr/javascript/479 URL이 복사되었습니다.

9,489 0 2009.12.05 09:27

본문

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<style type="text/css">
#mw-scroll-layer { width:190px; height:25px; position:relative; overflow:hidden; }
#mw-popular-scroll { position:absolute; }
#mw-popular-scroll table { width:200px; margin:0; padding:0; }
#mw-popular-scroll td { margin:0; height:25px; }
#mw-popular-scroll a { color:#444; }
#mw-popular-scroll a:hover { color:#444; text-decoration:underline; }
#mw-popular-scroll .gap { color:#444; font-size:11px; letter-spacing:-1px; }
#mw-popular-scroll .word { width:120px; height:16px; overflow:hidden; margin:2px 0 0 5px; }

#mw-popular-hidden { width:200px; height:215px; position:absolute; display:none; background-color:#fff; background-color:#000000; z-index:1}
#mw-popular-hidden table { width:180px; }
#mw-popular-hidden td { margin:0; height:20px; }
#mw-popular-hidden .gap { color:#444; font-size:11px; letter-spacing:0px; }
#mw-popular-hidden .word { width:120px; height:16px; overflow:hidden; margin:0 0 0 5px; }
#mw-popular-hidden .word a { color:#444; }
#mw-popular-hidden .word a:link { color:#444; }
#mw-popular-hidden .word a:visited { color:#444; }
#mw-popular-hidden .word a:active { color:#444; }
#mw-popular-hidden .word a:hover { color:#444; text-decoration:underline; }
</style>
<div id="mw-scroll-layer">
<div id="mw-popular-scroll">
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/01.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=%B0%CB%BB%F6%C7%D8%BA%B8%C0%DA%A4%BB%A4%A7">검색해보자ㅋㄷ</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/up.gif" align=absmiddle>
<span class="gap">2</span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/02.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=flash">flash</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/03.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=gu">gu</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/down.gif" align=absmiddle>
<span class="gap">2</span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/04.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=sql">sql</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/down.gif" align=absmiddle>
<span class="gap">2</span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/05.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=%B0%E6%C7%E8%C4%A1">경험치</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/06.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=%C7%D1%BC%F6%C8%C6">한수훈</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/07.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=fish">fish</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/08.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=ftp">ftp</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/09.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=hwild">hwild</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr>
<td width="15" style="padding:0 0 3 0;"><img src="./skin/popular/scroll/img/10.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=woo">woo</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
</table>
</div>
</div>
<div id="mw-popular-hidden">
<div style="margin:3px; background-color:#fff; padding:5px 0 15px 10px;">
<table border=0 cellpadding=0 cellspacing=0>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/01.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=%B0%CB%BB%F6%C7%D8%BA%B8%C0%DA%A4%BB%A4%A7">검색해보자ㅋㄷ</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/up.gif" align=absmiddle>
<span class="gap">2</span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/02.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=flash">flash</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/03.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=gu">gu</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/down.gif" align=absmiddle>
<span class="gap">2</span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/04.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=sql">sql</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/down.gif" align=absmiddle>
<span class="gap">2</span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/05.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=%B0%E6%C7%E8%C4%A1">경험치</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/06.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=%C7%D1%BC%F6%C8%C6">한수훈</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/07.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=fish">fish</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/08.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=ftp">ftp</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/09.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=hwild">hwild</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
<tr onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'">
<td width="15"><img src="./skin/popular/scroll/img/10.gif"></td>
<td>
<div class="word"><a href="./bbs/search.php?sfl=wr_subject&sop=and&stx=woo">woo</a></div>
</td>
<td width="35">
<img src="./skin/popular/scroll/img/new.gif" align=absmiddle>
<span class="gap"></span>
</td>
</tr>
</table>
</div>
</div>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<script type="text/javascript">
var phtime = null;
var kstime = null;
var d = 2000;
sl = document.getElementById("mw-scroll-layer");
ks = document.getElementById("mw-popular-scroll");
ph = document.getElementById("mw-popular-hidden");
ks.style.top = "0px";
function keyword_scroll() {
if (phtime) {
clearTimeout(phtime);
ph.style.display = "none";
phtime = null;
}
var h = 25;
var t = 10;
var kst = parseInt(ks.style.top) - 1;
ks.style.top = kst + "px";
if (kst <= (((h * t)-10) * -1)) {
kst = 20;
ks.style.top = kst + "px";
} else {
ks.style.top = kst + "px";
}
if (kst % h == 0) {
kstime = setTimeout("keyword_scroll()", d);
} else {
kstime = setTimeout("keyword_scroll()", 10);
}
}
function keyword_layer() {
clearTimeout(kstime);
clearTimeout(phtime);
kstime = phtime = null;
ph.style.display = "block";
ph.style.top = get_top_pos(sl);
}
function keyword_layer_on() {
clearTimeout(phtime);
clearTimeout(kstime);
kstime = phtime = null;
}
function keyword_layer_out() {
phtime = setTimeout("keyword_scroll()", 100);
}
setTimeout("keyword_scroll()", d);
ks.onmouseover = function() { keyword_layer(); }
ks.onmouseout = function() { keyword_layer_out(); }
ph.onmouseover = function() { keyword_layer_on(); }
ph.onmouseout = function() { keyword_layer_out(); }
</script>
</body>

</html>

[이 게시물은 VIRHAC님에 의해 2009-09-13 14:36:02 HTML에서 이동 됨]

댓글목록

등록된 댓글이 없습니다.

인기검색어

본문

관련링크

댓글목록

Search