首页 > Web开发 > 详细

js 循环切换图片

时间:2017-01-07 00:28:00      阅读:194      评论:0      收藏:0      [点我收藏+]

 技术分享

function changeLot(){
		   var minIndex = 1;
		   var maxIndex = 100;
		   var curIndex = 10;
		   var src = $("ul li img").last().attr("src");
		   var curIndex = src.substring(src.indexOf("_")+1,src.lastIndexOf("."));
		   var html = "";
		   for(var i=1;i<=10;i++){
		       curIndex = parseInt(curIndex)+1;
		       if(curIndex>=maxIndex){
		         curIndex = minIndex;
		       }
		       var filename = "img_"+curIndex+".jpg";
		       html += ‘<li><a href="javaScript:void(0)"><img src="/images/pics/‘+filename+‘></a></li>‘;
		   }
		   $("ul").empty().append(html);
		}

 

注释:图片名称:img_1.jpg ... img_100.jpg  共一百张图片。

js 循环切换图片

原文:http://www.cnblogs.com/chenweichu/p/6257665.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!