jquery中使用hover多次出发动画的问题

在对元素使用hover后,如果触发的是一个动画效果,鼠标多次在元素上划过则会多次触发动画,这样在鼠标离开后,动画还会反复多次的执行。jquery提供了一个专门的stop函数来停止正在执行的动画,并触发新的动画而不会反复执行。
示例如下:

$(".c_slideitem").hover(function() {
	var _this = $(this).find(".j-box");
	_this.stop(true).animate({
		"margin-top": "0px"
	}, 200);
}, function() {
	var _this = $(this).find(".j-box");
	_this.stop(true).animate({
		"margin-top": "150px"
	}, 500);
});

No related content found.

关于 RainZhai

玩的么wande.me,web development machine博主,rain css前端框架作者,blogger,html5游戏爱好者
此条目发表在 jquery 分类目录,贴了 标签。将固定链接加入收藏夹。

文章评论 Comments

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>