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

jquery.caroufredsel按钮控制图片滚动,点击标签分类筛选特效

发布时间:2015-08-30 22:17:51    您是第0位浏览者

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

jquery.caroufredsel按钮控制图片滚动,点击标签分类筛选特效
$(function() {    
	var _visible = 5;    
	var $pagers = $('#pager a');    
	var _onBefore = function() {    
		$(this).find('img').stop().fadeTo( 300, 1 );    
		$pagers.removeClass( 'selected' );    
	};    
	$('#carousel').carouFredSel({    
		items: _visible,    
		width: '100%',    
		auto: false,    
		scroll: {    
			duration: 750    
		},    
		prev: {    
			button: '#prev',    
			items: 2,    
			onBefore: _onBefore    
		},    
		next: {    
			button: '#next',    
			items: 2,    
			onBefore: _onBefore    
		},    
	});    
	$pagers.click(function( e ) {    
		e.preventDefault();    
		var group = $(this).attr( 'href' ).slice( 1 );    
		var slides = $('#carousel div.' + group);    
		var deviation = Math.floor( ( _visible - slides.length ) / 2 );    
		if ( deviation < 0 ) {    
			deviation = 0;    
		}    
		$('#carousel').trigger( 'slideTo', [ $('#' + group), -deviation ] );    
		$('#carousel div img').stop().fadeTo( 300, 0.3 );    
		slides.find('img').stop().fadeTo( 300, 1 );    
		$(this).addClass( 'selected' );    
	});    
});



图片 标签 滚动 类筛

jquery图片相册特效,切换上下页,还带对话框提醒特效

jqzoom仿京东商品详细页产品图片放大镜特效

jquery实现图片相册淡入淡出特效插件

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

js、html5实现极速3D立体式图片相册切换效果

jquery鼠标悬停图片高亮,从左边滑动出标题信息显示效果

jQuery+CSS3 实现动画图片相册,大图全屏展示,前后翻页特效代码

Css3鼠标悬停图片高亮特效

jquery鼠标经过向上滑动标题,可以左右切换图片位置!

query自适应图片高度并带播放提示的相册特效

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

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

jQuery仿QQ空间鼠标感应上下滚动预览图片特效

jQuery多张图片相册上下切换,放大预览等特效

jquery实现鼠标移动到图片上显示大图广告特效

JS带图片标题自动播放的幻灯片特效

jQuery动态加载图片相册,弹窗大图特效

jquery实现led广告牌旋转图片切换特效

jquery实现会滚动的新闻列表和图片滚动特效

jquery.slider多种过渡效果的图片轮播幻灯片特效

jQuery标签输入特效,自带删除标签功能

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

JS鼠标滑过文字标签改变标签显示内容

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

jquery实现在输入框回车添加标签特效

jquery实现文字标签滑动显示特效,带标签数量

js实现球形滚动标签云文字特效代码

jQuery实现tab选项卡标签自动切换特效

jquery实现鼠标悬停图片突出显示大图,另外带标签关键词功能

jQuery实现带标签选项卡图片左右切换特效代码

jquery实现彩色标签图片tab选项卡滑动切换特效代码

jQuery Tagbox插件实现快速添加标签特效代码

js自适应宽度的标签导航

横向(纵向)时间轴tab标签切换和水平(垂直)切换幻灯片效果 demo1# 横向滚动

js flash 实现标签风格焦点图幻灯片轮换特效代码

js实现可暂定、可以开始、自动滚动的TAB标签特效代码

jQuery tab标签选项卡切换特效代码带缩略图列表效果

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