淡入淡出焦点图

最新推荐文章于 2021-06-01 10:26:31 发布

weixin_30348519

最新推荐文章于 2021-06-01 10:26:31 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/joy-cnblogs/p/4382472.html

//焦点图淡入淡出
	auto();
	function auto(){
		clearAuto=setInterval(autoFun,5000);
	}	
	function autoFun(){
		var idtAuto=$(".block-ol li.current,.pic-ol li.current").index();
		$(".block-ol li,.pic-ol li").removeClass("current");
		if(idtAuto==2){
			idtAuto=-1;
		}
		var nub=++idtAuto;
		$(".block-ol li").eq(nub).addClass("current");
		$(".pic-ol li").eq(nub).fadeIn("fast").siblings("li").fadeOut("fast");
	}
	$(".block-ol li").mouseover(function(){
		clearInterval(clearAuto);
		var idt=$(this).index();
		$(".block-ol li").eq(idt).addClass("current").siblings("li").removeClass("current");
		$(".pic-ol li").eq(idt).fadeIn("fast").siblings("li").fadeOut("fast");
	});
	$(".block-ol li").mouseout(function(){
		auto();	
	});
	$(".pic-ol li").hover(function(){
		clearInterval(clearAuto);		
	},function(){
		auto();
	});

转载于:https://www.cnblogs.com/joy-cnblogs/p/4382472.html