宽屏背景的产品说明图标导航tab切换代码

jQuery制作的云数据服务产品说明带主图背景和多个图标导航tab选项卡切换布局，鼠标悬停图标导航图标动态效果，点击图标导航选项卡对应产品说明切换效果。

方法调用介绍

$(function(){
	//TAb切换
	$('ul.yun-solution-list li').click(function(){
		var index = $(this).index();
		$('ul.yun-solution-wrap li').removeClass('current').eq(index).addClass('current');
		$('#yun-arrow-wrap').attr('class','yun-arrow-wrap yun-arrow-current'+(index+1));
	})

	//图标背景悬停动态效果
	$('ul.yun-solution-list li').hover(function(){
		var that =$(this);
		var i=0;
		bgChange = setInterval(function (){
			i+=-84
			that.find('div').css('backgroundPositionY',i)						
			if(i<=-2058){
				clearInterval(bgChange);
			}
		},50)
	},function(){
		clearInterval(bgChange);
	})
})