<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 solid black;} <BR></style> <br><div class="content"> <br><dl> <br><dt>测试数据1</dt> <br> </dl> <br><dl> <br><dt>测试数据2</dt> <br> </dl> <br><dl> <br><dt>测试数据3</dt> <br> </dl> <br><dl> <br><dt>测试数据4</dt> <br> </dl> <br><dl> <br><dt>测试数据5</dt> <br> </dl> <br><dl> <br><dt>测试数据6</dt> <br> </dl> <br><dl> <br><dt>测试数据7</dt> <br> </dl> <br><dl> <br><dt>测试数据8</dt> <br> </dl> <br><dl> <br><dt>测试数据9</dt> <br> </dl> <br><dl> <br><dt>测试数据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> </div> <br>代码演示地址： <br>http://www.nailyo.com/js_demo/gundong.html <br>
