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

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

发布时间:2015-09-02 15:17:29    您是第0位浏览者

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

jquery选项卡形式图片过滤筛选器特效
$(function(){    
	var filterList = {    
		init:function(){    
			// MixItUp plugin    
			$('#portfoliolist').mixitup({    
				targetSelector: '.portfolio',    
				filterSelector: '.filter',    
				effects: ['fade'],    
				easing: 'snap',    
				// call the hover effect    
				onMixEnd: filterList.hoverEffect()    
			});				
    
		},    
		hoverEffect:function(){    
			// Simple parallax effect    
			$('#portfoliolist .portfolio').hover(function(){    
				$(this).find('.label').stop().animate({bottom:0},200,'easeOutQuad');    
				$(this).find('img').stop().animate({top:-30},500,'easeOutQuad');				
    
			},function(){    
				$(this).find('.label').stop().animate({bottom:-40},200,'easeInQuad');    
				$(this).find('img').stop().animate({top:0},300,'easeOutQuad');								
    
			});				
    
		}    
	};    
	// Run the show!    
	filterList.init();    
});



选项卡

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实现带左右按钮控制滑动选项卡切换特效