数据动态加载效果

 

查看演示

 

var ListView={
	Init:function(){
		$(".Item span").css("width",$(".ListView").width()/4+"px");
		for(var i=0;i<$(".Item").length;i++){
			var target=$(".Item")[i];
			$(target).animate({marginLeft:"0px"},300+i*100);
		}
	},
	Update:function(){
		$(".ListView .c .Item").remove();
		for(var i=0;i<10;i++){
			var newItem=$("<div class=\"Item\"> <span>test</span> <span>男/"+i+"</span> <span>四川省，成都市，锦江区</span> <span>详细说明</span> </div>");
			$(newItem).find("span").css("width",$(".ListView").width()/4+"px");
			$(".ListView .c").append(newItem);
			$(newItem).animate({marginLeft:"0px"},300+i*100);
		}
	}
}