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

Query图文左右滚动代码(箭头控制)

发布时间:2015-08-29 22:32:15    您是第0位浏览者

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

Query图文左右滚动代码(箭头控制)
jQuery(function(jq){    
	var rr = jq('#contentE');    
	var conr = rr.find('div.con'),    
		conr0 = conr[0],    
		btnWr = rr.find('> div.btns'),    
		btnPr = btnWr.find('a.up'),    
		btnNr = btnWr.find('a.down');    
	var lisr = conr.find('.left');    
	conr.find(".bord").hover(function(){    
		jq(this).addClass("bgBord");    
	},function(){    
		jq(this).removeClass("bgBord");    
	});    
	var pnumr = 6, numr = lisr.length;    
	if(numr <= pnumr)return;    
	var owr = lisr[1].offsetLeft - lisr[0].offsetLeft,    
		idxArear = [0, numr - pnumr],    
		idxr = 0;    
	function updateNum(n){    
		if (n > idxArear[1] || n < idxArear[0]) {return;}    
		btnPr[((n == 0)?'add':'remove') + 'Class']('uN');    
		btnNr[((n == idxArear[1])?'add':'remove') + 'Class']('dN');    
		idxr = n;    
		conr.stop().animate({left: -n * owr},300);    
	}    
	btnPr.click(function(){    
		updateNum(idxr - 1);    
		return false;    
	});    
	btnNr.click(function(){    
		updateNum(idxr + 1);    
		return false;    
	});    
});



左右

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

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

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

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

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

jquery左右多图全屏拖拽以及点击弹窗多图切换效果

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

js实现轮播幻灯片3D特效并且可以左右翻页

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

Query图文左右滚动代码(箭头控制)

jquery图片无缝滚动插件,上下左右图片无缝滚动特效实例

jQuery实现左右布局带缩略图轮播图特效

jquery实现带缩略图,按钮控制图片左右滑动切换特效

jquery左右浮动导航及底部固定导航特效

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

jquery图片信息列表选项卡左右切换特效

JS实现左右循环滚动幻灯片特效

js实现左右拖拽翻页特效代码

纯css实现图片上下左右居中特效

jquery仿环球网带左右箭头预览的焦点图幻灯片特效

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