jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在jquery中同时为两件事制作动画大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当鼠标悬停某些东西时,我想同时动画两件事.

例如,当鼠标悬停id =“trigger”的div时,我想更改Box1的背景颜色,id =“Box1”,Box2的位置,id =“Box2”.

但我不希望他们在队列中动画,即一个一个.我希望他们同时开始制作动画并同时完成!

解决方法

你可以连续运行它们,如下所示:
$("#trigger").hover(function() {
   $("#Box1").stop().animate({ BACkgroundColor: '#000000' });
   $("#Box2").stop().animate({ top: "-20px" });
},function() {
   $("#Box1").stop().animate({ BACkgroundColor: '#FFFFFF' }); //set it BACk
   $("#Box2").stop().animate({ top: "0px" });                 //set it BACk
});

这使用.hover()在悬停时为单向设置动画,并在离开时将其设置为动画. .stop()只是为了防止动画队列建立.要为颜色设置动画,您还需要包含the color pluginjQuery UI.

jquery,.animate(),are implemented中的动画使用setInterval()和13ms计时器,因此它们将在正常流程之外发生…像上面那样做它们不等待第一次完成,它们将同时运行.

大佬总结

以上是大佬教程为你收集整理的如何在jquery中同时为两件事制作动画全部内容,希望文章能够帮你解决如何在jquery中同时为两件事制作动画所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。