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

Query图片效果对比插件

发布时间:2017-06-22 17:22:32    您是第0位浏览者

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

Query图片效果对比插件

Query图片效果对比插件

$(function(){    
						$("#t1").click(function(){    
							$('#cont').html('').append("<div id='DoubleViewer'></div>");    
							$('#DoubleViewer').doubleviewer();    
							$(".current", event.delegateTarget).removeClass("current");    
							$(this).addClass("current");    
							$('#mtext').text('(Default settings)');    
						});    
						$("#t2").click(function(){    
							var config = {    
								lineColor: '#fff',    
								noClick:true,    
								img_before: 'img/pic_1.jpg',    
								img_after: 'img/pic_2.jpg',    
								cursor:{    
									color: '#2D9EA3',    
									size: 8,    
									gap: 4,    
									lineColor: '#2D9EA3',    
									lineH: 30    
								}    
							}						
    
							$('#cont').html('').append("<div id='DoubleViewer'></div>");						
    
							$('#DoubleViewer').doubleviewer(config);    
							$(".current", event.delegateTarget).removeClass("current");    
							$(this).addClass("current");    
							$('#mtext').text('(Control without pressing the mouse)');    
						});    
						$("#t3").click(function(){    
							var config = {    
								lineColor: '#666',    
								lineWidth: 4,    
								cursorVisible: false,    
								stopClick: true,    
								img_before: 'img/pic_1.jpg',    
								img_after: 'img/pic_2.jpg',    
								startPosition: .3    
							}						
    
							$('#cont').html('').append("<div id='DoubleViewer'></div>");						
    
							$('#DoubleViewer').doubleviewer(config);    
							$(".current", event.delegateTarget).removeClass("current");    
							$(this).addClass("current");    
							$('#mtext').text('(Cursor invisible & line stop in click position)');    
						});    
						$('#DoubleViewer').doubleviewer();    
					});



图片 对比插件 对比

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鼠标悬停在图片上效果

下一篇:已经没有了

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