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

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

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

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

jQuery鼠标悬停内容动画切换效果
$(function(){    
	$(".serBox").hover(    
 		function () {    
	 		$(this).children().stop(false,true);    
	 		$(this).children(".serBoxOn").fadeIn("slow");    
    		$(this).children(".pic1").animate({right: -110},400);    
    		$(this).children(".pic2").animate({left: 41},400);    
    		$(this).children(".txt1").animate({left: -240},400);    
    		$(this).children(".txt2").animate({right: 0},400);	 
    
	 	},    
 		function () {    
			$(this).children().stop(false,true);    
	 		$(this).children(".serBoxOn").fadeOut("slow");    
	 		$(this).children(".pic1").animate({right:41},400);    
    		$(this).children(".pic2").animate({left: -110},400);    
    		$(this).children(".txt1").animate({left: 0},400);    
    		$(this).children(".txt2").animate({right: -240},400);	
    
 		}    
	);    
});



动画

jquery点击切换,3d淡入动画,头像相册特效

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

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

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

css3鼠标滑过栏目图片滑动切换动画特效

jquery.fullPage插件,仿网易邮箱6.0介绍上下滚动动画效果

jquery实现飘动的云朵动画特效

jquery实现动画悬浮图标菜单特效

css3对话框插件来制作动画弹出表单特效

jquery实现浮层跟随图片动画特效

js+html5粒子效果浪漫表白的粒子文字动画特效

win8扁平风格宽屏焦点图片动画轮播特效

css3实现图标菜单,鼠标滑过图标动画菜单特效

css3旋转动画,制作鼠标经过圆形旋转特效

jquery+html5日历控件,制作多皮肤动画日历选择器特效

jQuery流星雨动画特效,jq流星雨特效代码

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

js+css3 实现扁平化APP图标黄色时钟,动画特效

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

jQuery加入购物车产品飞入动画特效