鼠标经过图片边框炫酷动画

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

$(".box li").mouseenter(function(){
	$(this).children("p").animate({
		"height":"40px",
	},500);
	$(this).children("div:even").animate({
		"width":"100%",
	},500).css("background","#02b3bf");
	$(this).children("div:odd").animate({
		"height":"100%",
	},500).css("background","#02b3bf");
});

$(".box li").mouseleave(function(){
	$(this).children("p").animate({
		"height":"0px"
	});
	$(this).children("div:even").animate({
		"width":"0%",
	},500).css("background","#02b3bf");
	$(this).children("div:odd").animate({
		"height":"0%",
	},500).css("background","#02b3bf");

});