js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > js选项卡

jquery实现选项卡形式,四屏焦点图片轮播特效,带控制的选项卡轮播

发布时间:2015-09-05 23:03:40    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery实现选项卡形式,四屏焦点图片轮播特效,带控制的选项卡轮播

带控制的选项卡轮播

$(function(){
	var oFocus=$('#focus'),
		oRight=oFocus.find('.right'),
		oLeft=oFocus.find('.left'),
		aRLi=oRight.find('li'),
		aLLi=oLeft.find('li'),
		index=0,
		timer = null;
	aRLi.click(function(){
		index=$(this).index()
		$(this).addClass('active').siblings().removeClass();
		aLLi.eq(index).addClass('active').siblings().removeClass();
		aLLi.eq(index).stop().animate({'opacity':1},300).siblings().stop().animate({'opacity':0},300);
		stopFoucs();
	})
	oLeft.mouseenter(function(){
		stopFoucs();
	}).mouseleave(function(){		
		startFocus();
	});
	timer = setInterval(function(){
		startFocus();
	},5000);
	function startFocus(){
		index++;
		index = index > aRLi.size()-1 ? 0 :index;

		aLLi.eq(index).addClass('active').siblings().removeClass();
		aLLi.eq(index).stop().animate({'opacity':1},300).siblings().stop().animate({'opacity':0},300);
		aRLi.eq(index).addClass('active').siblings().removeClass();
	}
	function stopFoucs(){
		clearInterval(timer);
	}
});



选项卡 焦点图 轮播

jquery选项卡切换,版块鼠标跟随边框变色特效

tab选项卡切换特效并且带更多按钮

jquery双重切换的tab选项卡特效代码

jquery仿360音乐搜索主页歌手切换选项卡特效

jquery tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等特效

jquery SuperSlide仿京东首页促销产品tab选项卡切换特效

jquery左右布局的缓动Tab切换选项卡特效

jquery实现网页右下角弹出并且支持tab标签选项卡的图片广告代码

jQuery选项卡风格下拉导航特效

js tab选项卡新闻列表切换特效

jquery鼠标滑过标签选项卡切换特效

jquery焦点选项卡图片切换特效,支持自动播放

JQuery仿网易右侧图文混排展示选项卡滑动层特效

jquery实现可触摸控制的tab选项卡特效

jquery定位滚动tab选项卡效果

jquery选项卡形式图片过滤筛选器特效

jquery图片内容滑动选项卡切换特效

jquery实现带滑块选项卡焦点图片,滚动切换特效

jquery实现选项卡形式,四屏焦点图片轮播特效,带控制的选项卡轮播

jquery实现带左右按钮控制滑动选项卡切换特效

仿车轮网带左右滚动JS焦点图轮播特效代码

一款jQuery跨平台并且带触摸移动端焦点图特效

jQuery四屏焦点图网站特效代码

仿OPPO官方商城jquery焦点图特效

jquery仿淘宝新版首页焦点图特效

jQuery仿迅雷动漫左右滚动焦点图特效

jquery实现全屏图片左右滚动预览焦点图特效

jQuery仿新浪大片首页焦点图滚动特效

jquery左右切换,带文字说明的焦点图特效

jquery仿京东商城首页焦点图

jquery竖向tab切换焦点图特效

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

jQuery实现可自动播放焦点图特效

js仿腾讯视频网站焦点图特效

jQuery仿2012QQ商城焦点图特效

jQuery仿百度统计可自动播放焦点图特效

jquery quake Slider一款集成多种超炫切换效果的焦点图特效

jquery仿2014南宁45届世锦赛首页焦点图特效

jquery纯色调支持缩略图和描述的焦点图特效

jQuery带缩略图焦点图插件

友荐云推荐
大家说 此评论不代表本站观点