JS实现div内部的文字或图片自动循环滚动代码_javascript技巧



代码如下:



测试数据1


测试数据2


测试数据3


测试数据4


测试数据5


测试数据6


测试数据7


测试数据8


测试数据9


测试数据10




$(function(){
$('.content dl').hide();
$('.content dl:gt('+($('.content dl').length - 5)+')').show();
window.setInterval(function(){
$('.content dl:visible:first').prev().slideDown("fast",function(){
$(this).animate({opacity:1},2000,function(){
if($('.content dl:hidden').length == 0){
$('.content dl').hide();
$('.content dl:gt('+($('.content dl').length - 5)+')').show();
}
});
});
},1000);
});


代码演示地址：
http://www.nailyo.com/js_demo/gundong.html