首页 > 其他 > 详细

淡入淡出焦点图

时间:2015-04-01 00:03:53      阅读:261      评论:0      收藏:0      [点我收藏+]
//焦点图淡入淡出
	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();
	});

  

淡入淡出焦点图

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

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