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

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

发布时间:2015-09-22 17:26:12    您是第0位浏览者

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

jquery实现鼠标悬停图片遮罩文字从左滑出特效代码
$(function() {
	$(".section ul li .rsp").hide();
	$(".section	 ul li").hover(function() {
		$(this).find(".rsp").stop().fadeTo(500, 0.5) $(this).find(".text").stop().animate({
			left: '0'
		}, {
			duration: 500
		})
	}, function() {
		$(this).find(".rsp").stop().fadeTo(500, 0) $(this).find(".text").stop().animate({
			left: '318'
		}, {
			duration: "fast"
		}) $(this).find(".text").animate({
			left: '-318'
		}, {
			duration: 0
		})
	})
});



鼠标悬停 从左滑出 图片

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

Css3鼠标悬停图片高亮特效

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

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

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

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

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

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

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

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

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

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

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

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

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

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

css3实现鼠标悬停特效代码

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

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

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

友荐云推荐