码迷,mamicode.com
首页 > 其他好文 > 详细

淡入淡出焦点图

时间:2015-04-01 00:05:19      阅读:135      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!