<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> <BR><dt><BR> <BR> ;dt> 테스트 데이터 3 <BR><dl><dt>테스트 데이터 4<dt> ;/dt> <BR> <BR><dt><BR> ><dt>테스트 데이터 7 <BR><dl> <BR><dt>테스트 데이터 8 <BR><dl> <BR><dt> <BR> <BR><dl>테스트 데이터 10 /dl> <BR></style> </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></script>