테스트 사이트 - 개발 중인 베타 버전입니다

초간단 스크롤

· 19년 전 · 2185 · 1
<html>
<head>
<style type="text/css"><!--
div {border: 1px dotted green;}
p {border: 1px dotted gray;}

--></style>
</head><body>
<div id=scoll style="height:150px;overflow:hidden;">
<p>00000000000000000</p>
<p>11111111111111</p>
<p>22222222222222</p>
<p>3333333333333</p>
<p>4444444444444</p>
<p>5555555555555</p>
<p>66666666666666</p>
<p>77777777777</p>
<p>88888888888888</p>
<p>99999999999999</p>
</div>
<a href=javascript:void(0); onClick="reverse();" >한 번만 누르세요. 2마다 바뀝니다.</a>
<script>
function reverse() { // Reverse the order of the children of Node n
var n= document.all.scoll;
var kids = n.childNodes; // Get the list of children
var numkids = kids.length; // Figure out how many children there are

var c = n.removeChild(kids[0]);
n.appendChild(c);
window.setTimeout("reverse()", 2000);
}
</script>
</body></html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

전혀 밀리지 않습니다.

게시글 목록

번호 제목
11348
정규표현식 정규식 표현법
11346
11345
11336
11332
11329
11326
11324
11323
11321
11320
11319
11318
11317
11316
11315
11314
11313
11312
11311
11310
11308
11304
JavaScript 주소표시 3
20200
11300