Javascript 完整动画不';t在jQuery中播放2个动画
我有这个密码。当鼠标悬停在炸弹上时,爆炸动画无法完全播放,如果我移除Javascript 完整动画不';t在jQuery中播放2个动画,javascript,html,jquery,css,animation,Javascript,Html,Jquery,Css,Animation,我有这个密码。当鼠标悬停在炸弹上时,爆炸动画无法完全播放,如果我移除$(“#炸弹”).stop(),则“走向光标”动画无法工作 如果有人能解决这个问题,我们将不胜感激 $(document).ready(函数(){//指向光标 $(“body”).mousemove(函数(e){ $(“炸弹”).stop(); 手推车(e); }); 功能handleMouseMove(事件){ var x=event.pageX, y=event.pageY; $(“炸弹”)。制作动画({ 左:x,, 顶部
$(“#炸弹”).stop()
,则“走向光标”动画无法工作
如果有人能解决这个问题,我们将不胜感激
$(document).ready(函数(){//指向光标
$(“body”).mousemove(函数(e){
$(“炸弹”).stop();
手推车(e);
});
功能handleMouseMove(事件){
var x=event.pageX,
y=event.pageY;
$(“炸弹”)。制作动画({
左:x,,
顶部:y
}, 50);
}
$(“#bomb”).mouseover(function(){//爆炸动画
$(“炸弹”)。制作动画({
backgroundColor:“#ff4500”,//使用jquery颜色插件
高度:“100px”,
宽度:“100px”,
}“快”);
美元(“炸弹”)。淡出(“缓慢”);
});
});代码>
html,
身体{
身高:100%;
边际:0px;
}
#炸弹{
位置:绝对位置;
顶部:0px;
左:0px;
宽度:10px;
高度:10px;
背景色:黑色;
}
为什么要用JavaScript而不是CSS来制作动画?请提供预期行为的详细信息be@Danon我使用jquery制作这个动画,我还没有学会css动画,所以下一个最好的方法是使用jquery。@shmoobdoob我不这么认为。下一个最好的办法是尝试使用合适的工具来完成这项工作。CSS动画是本机的、流行的并且使用GPU加速。您甚至可以将它们与:hover
@Danon一起使用。您的意思是我应该使用css动画制作爆炸动画还是“走向光标”动画?为什么您尝试使用JavaScript而不是css制作动画?请提供预期行为的详细信息be@Danon我正在使用jquery制作这个动画,我还没有学会css动画,所以下一个最好的方法是使用jquery。@shmoobdoob我不这么认为。下一个最好的办法是尝试使用合适的工具来完成这项工作。CSS动画是本机的、流行的并且使用GPU加速。您甚至可以将它们与:hover
@Danon一起使用。您的意思是我应该使用css动画作为爆炸动画还是“走向光标”动画?