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

jQuery鼠标悬停在图片上效果

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

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

jQuery鼠标悬停在图片上效果

jQuery鼠标悬停在图片上效果

$(document).ready(function(){    
			// 0.4代表遮罩的透明度    
			$('.banner div').css('opacity',0.2);    
			$('.banner').hover(function(){    
				var el = $(this);    
				// 先淡出阴影,后淡入文字    
				el.find('div').stop().animate({width:200,height:200},'slow',function(){    
					el.find('p').fadeIn('fast');    
				});    
			},function(){    
				var el = $(this);    
				// 隐藏文字    
				el.find('p').stop(true,true).hide();    
				// 去掉遮罩    
				el.find('div').stop().animate({width:60,height:60},'fast');    
			}).click(function(){    
				// 点击图片时打开链接    
				window.open($(this).find('a').attr('href'));    
			});    
		});



鼠标悬停 图片

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

Css3鼠标悬停图片高亮特效

jQuery鼠标悬停导航底部边框线条伸缩动画效果

jQuery鼠标悬停内容动画切换效果

jQuery鼠标悬停在图片上显示说明按钮的HoverEx插件

jquery hover网页左侧鼠标悬停列表改变菜单样式特效

jquery仿win8风格的图片九宫格布局,鼠标悬停图片文字切换特效

jquery实现鼠标悬停九宫格图片高亮显示特效

jquery实现中英文字切换导航条,鼠标悬停滑动下拉二级导航菜单

jquery实现图片放大镜插件,鼠标悬停局部图片放大镜头显示特效

jquery实现九宫格图片鼠标悬停上下滑动切换特效

js特仿flash导航条鼠标悬停上下文字滑动特效

html5实现鼠标悬停图片动画展示特效

jquery实现鼠标悬停弹出消息提示框特效

jquery实现鼠标悬停图片动画显示文字信息特效

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

css3实现鼠标悬停特效代码

jquery实现鼠标悬停图片遮罩文字从左滑出特效代码

jquery鼠标悬停向上滑出显示标题文字特效代码

jquery鼠标悬停缩略图、实现放大跟随展示大图片特效代码

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