网站图片按顺序加载显示

标签：网站图片按顺序加载显示 异步调用

好吧  我自己已解决 分享一下[color=#FF0000]ajax.jsp[/color]里面没内容 只是为了使ajax能成立 
	$(document).ready(
					function() {
						var path = $("#path").val();
						  $.ajax({
								url : path + "/pr/ajax.jsp",
									  dataType : "html",
									  type : 'get',
									  success : function(data) {
										$("#div").html("<div class=\"m-cnt cnt2\" id=\"div1\"><img src=\"${pageContext.request.contextPath}/pr/img/images_1.png\" alt=\"以个人电脑为信息交互\" /></div>");
										/*-----1-------------------------------------------*/
										$.ajax({
											url : path + "/pr/ajax.jsp",
											dataType : "html",
											type : 'get',
											success : function(data) {
											$("#div1").after("<div class=\"m-cnt cnt2\" id=\"div2\"><img src=\"${pageContext.request.contextPath}/pr/img/images_2.png\" alt=\"随时随地3C平台信息交流\" /></div>");
                                        /*-----2-------------------------------------------*/
												 $.ajax({
													url : path + "/pr/ajax.jsp",
													dataType : "html",
													type : 'get',
													success : function(data) {
													$("#div2").after("<div class=\"m-cnt cnt2\" id=\"div3\"><img src=\"${pageContext.request.contextPath}/pr/img/images_3.png\" alt=\"多名家庭成员同时使用同一台电脑\" /></div>");
				                                       /*-----3-------------------------------------------*/
														 $.ajax({
															url : path + "/pr/ajax.jsp",
															dataType : "html",
															type : 'get',
															success : function(data) {
															$("#div3").after("<div class=\"m-cnt cnt2\" id=\"div4\"><img src=\"${pageContext.request.contextPath}/pr/img/images_4.png\" alt=\"手机、平板深度办公\" /></div>");
				                                       
				                                          /*-----4-------------------------------------------*/
														    /*$.ajax({
																url : path + "/pr/ajax.jsp",
																dataType : "html",
																type : 'get',
																success : function(data) {
																$("#div4").after("<div class=\"m-cnt cnt2\" id=\"div4\"><img src=\"${pageContext.request.contextPath}/pr/img/images_5.png\" alt=\"以个人电脑为信息交互\" /></div>");*/
					                                         /*-----foot1----------------------------------------------*/
					                                            $.ajax({
																	url : path + "/pr/ajax.jsp",
																	dataType : "html",
																	type : 'get',
																	success : function(data) {
																 	$("#foot1").html("<img src=\"${pageContext.request.contextPath}/pr/img/images_6.png\" />");
															 	        /*-----foot2----------------------------------------------*/
					                                                     $.ajax({
																				url : path + "/pr/ajax.jsp",
																				dataType : "html",
																				type : 'get',
																				success : function(data) {
																			 	$("#foot2").html("<img src=\"${pageContext.request.contextPath}/pr/img/images_20.png\" alt=\"以个人电脑为信息交互\" />");
<div style="text-align: right;"></div>																	  		  }
																	     });
					                                                      /*-----foot2----------------------------------------------*/         
																	}
																	});
					                                            /*-----foot1----------------------------------------------*/              
																/*		}
																	});*/
												        /*-----4-------------------------------------------*/   
																	}
																});
												        /*-----3-------------------------------------------*/
															}
												});
										/*-----2-------------------------------------------*/
													}
												});
										/*-----1-------------------------------------------*/


									}
								});
					});

网站图片按顺序加载显示

标签：网站图片按顺序加载显示 异步调用

原文地址：http://blog.csdn.net/nevergiveuplzl/article/details/39519097