<th id="hrxnz"></th>
<strike id="hrxnz"></strike>
<span id="hrxnz"><video id="hrxnz"><ruby id="hrxnz"></ruby></video></span>
<span id="hrxnz"></span><ruby id="hrxnz"></ruby>
<span id="hrxnz"><dl id="hrxnz"></dl></span>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<ruby id="hrxnz"><i id="hrxnz"></i></ruby>
<strike id="hrxnz"><dl id="hrxnz"></dl></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<strike id="hrxnz"></strike>
<span id="hrxnz"></span>
js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > 其它广告

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

发布时间:2015-08-29 19:46:29    您是第0位浏览者

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

jquery实现鼠标移动到图片上显示大图广告特效
(function(j){
				j(function(){
					var img_s_src = "images/T14V_QXXViXXXbr4Hs-990-45.png",
						img_b_src = "images/T17gDLXl4rXXarV7Th-990-500.png",
						img_s_h = 45,
						img_b_h = 500,
						_ad_img = "#ad_img",
						I = j(_ad_img),
						A = I.parents().eq(0),
						D = I.parents().eq(1),
						interval = undefined,
						delay = 3000,
						interval2 = undefined,
						delay2 = 500,
						isZoomin = false,
						img_s = new Image(),
						img_b = new Image();
					img_s.src = img_s_src;
					img_b.src = img_b_src;
					
					var start = function(){
						interval = window.setTimeout(function(){
							D.css({
								overflow: "hidden",
								position: "relative",
								height: img_b_h
							});
							I.css({
								position: "absolute",
								left: 0,
								top: 0
							});
							
							D.stop(true, true).animate({
								height: img_s_h
							});
							I.stop(true, true).animate({
								top: -(img_b_h - img_s_h)
							}, function(){
								I.attr("src", img_s.src).css("top", 0);
							});
							isZoomin = false;
						}, delay);
					}
					
					var stop = function(){
						window.clearTimeout(interval);
						interval = undefined;
						window.clearTimeout(interval2);
						interval2 = undefined;
					}
					
					var zoom_in = function(){
						I.attr("src", img_b.src);
						D.css("height", img_b_h);
						isZoomin = true;
					}
					
					D.hover(function(e){
						e.stopPropagation();
						e.preventDefault();
						stop();
						interval2 = window.setTimeout(zoom_in, delay2);
					}, function(e){
						e.stopPropagation();
						e.preventDefault();
						stop();
						delay = 1000;
						if(isZoomin) start();
					});
					
					//start();
				});
			})(jQuery);



jquery 图片 广告

jQuery左侧分类导航特效_jquery商城左侧分类菜单导航_橙色导航菜单特效代码

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

jquery带缩略图焦点滚动图特效代码

仿红木之家官网首页jquery焦点全屏大图切换特效

jQuery二级图文平滑下拉菜单特效代码

jquery顶部导航菜单下拉,左侧分类切换特效

jQuery实现固定顶部导航,点触全屏滚动特效代码

jQuery仿腾讯云全屏下拉导航菜单特效代码

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

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

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

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

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

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

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

jquery实现右下角浮动返回顶部并且带微信二维码特效

jquery实现带微信二维码,qq客服,联系电话的返回顶部特效

jQuery右侧浮动客服特效,点击弹出窗口显示更多在线QQ客服

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

jquery绿色的按栏目下拉,信息搜索输入框特效代码

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

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

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

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

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

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

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

Css3鼠标悬停图片高亮特效

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

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

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

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

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

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

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

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

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

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

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

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

澳洲幸运彩|官网