<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; border:1px 単色黒;} <br></style> <br><dl>テストデータ 1</ dt><BR><BR><dl><BR><dt><BR><BR><BR> ;dt> テスト データ 3<BR><dl><BR><dt>テスト データ 5<BR> ;/dt> <br><dl><br></dl> ><dt>テストデータ7</dl><br><dt>テストデータ8</dt> 🎜><dl> <br><dt>テスト データ 9<br> </dt> </dl> <br><dl>テスト データ 10<br></div> <br><script type="text/javascript" src="jquery.js"<<BR><script type="text/javascript" "> <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>}, <br>}); <br><br> <br>アドレス: <br>http://www.nailyo.com/js_demo/gundong.html <br> </dl> </div>