js图片自动切换代码

来源:https://www.sucaihuo.com/js/1542.html 2017-03-25 23:00浏览(382) 收藏

这是一款选项卡多组图片自动切换代码可以做相册图片轮播器,简单实用。
js图片自动切换代码
分类:图片代码 > 图片插件 难易:
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。
window.onload = function(){
	var aDiv = getClass(document,'.list');
	var	oUl = getClass(document,'.nav')[0],
	   aBtn = getTagName(oUl,'li');	   
	var timer = null,t = 0,b = 0;	
		
	fnAutoPlay(aDiv[0])
	
	//自动播放每一组播放完回调自已切换下一组
	function fnAutoPlay(e,n){
		var aLi = getTagName(e,'li'),
			 aP = getTagName(e,'p');
		var n = n||0;
		fnActive(aLi,aP,n%aLi.length)
		timer = setInterval(function(){
			n++	
			b = n
			fnActive(aLi,aP,n%aLi.length)			
			if(n%aLi.length === 0){
				clearInterval(timer)
				t++					
				fnActive(aBtn,aDiv,t%aDiv.length)
				fnAutoPlay(aDiv[t%aDiv.length])		
			}
		},1000)		
	}
标签: 按钮图片切换
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2