网站图片按顺序加载显示
好吧 我自己已解决 分享一下[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-------------------------------------------*/ } }); });
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。