<div class="codetitle"> <span><a style="CURSOR: pointer" data="62363" class="copybut" id="copybut62363" onclick="doCopy('code62363')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code62363"> <br><style type="text/css"> <br> .content{width:500px;height:300px;position:absolute;left:200px;top:100px;border:solid 2px red;padding:10px;overflow:hidden} <br>dl{width:400px;height :30px; 테두리:1px 단색 검정색;} <br><div class="content"> <br><dt>테스트 데이터 1</ dt> <BR></dl> <BR><dt><BR></dl> <BR> ;dt> 테스트 데이터 3</dt> <br><dl><dt>테스트 데이터 4<dt> ;/dt> <br></dl> <br><dt><br></dl> ><dt>테스트 데이터 7</dt> <br><dl> <br><dt>테스트 데이터 8</dt> <br><dl> <br><dt> <br></dl> <br><dl>테스트 데이터 10</dt> /dl> <br></div> <br><script type="text/javascript" src="jquery.js">< /script> "> <br>$(function(){ <br>$('.content dl').hide(); <br>$('.content dl:gt(' ($('.content dl') .length - 5) ')').show(); <br>window.setInterval(function(){ <br>$('.content dl: visible:first').prev().slideDown("fast" ,function(){ <br>$(this).animate({opacity:1},2000,function(){ <br>if($(' .content dl:hidden').length == 0){ <br>$('.content dl').hide(); <br>$('.content dl:gt(' ($('.content dl ').length - 5) ')').show() ; <br>} <br>}); <br>},1000) <br><br> <br>코드 데모 주소: <br>http://www.nailyo.com/js_demo/gundong.html <br> </dl> </div>
