<div class="codetitle"> <span><a style="CURSOR: pointer" data="62363" class="copybut" id="copybut62363" onclick="doCopy('code62363')"><u>Copy code</u></a></span> The code is as follows:</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 solid black;} <br></style> <br><div class="content"> <br><dl> <br><dt>Test data 1</dt> <br></dl> <br><dl> <br><dt>Test data 2</dt> <br></dl> <br><dl> <br><dt> Test data 3</dt> <br></dl> <br><dl> <br><dt>Test data 4</dt> ; <br><dt>Test data 5</dt> <br></dl> <br><dl> <br><dt>Test data 6</dt> <br></ dl> <br><dl> <br><dt>Test data 7</dt> <br></dl> <br><dl> <br><dt>Test data 8</ dt> <br></dl> <br><dl> <br><dt>Test data 9</dt> <br></dl> <br><dl> ;dt>Test data 10</dt> <br></dl> <br></div> <br><script type="text/javascript" src="jquery.js">< /script> <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>},1000); <br>}); <br>< ;/script> <br><br> <br>Code demo address: <br>http://www.nailyo.com/js_demo/gundong.html </div>