Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 完整动画不';t在jQuery中播放2个动画_Javascript_Html_Jquery_Css_Animation - Fatal编程技术网

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动画作为爆炸动画还是“走向光标”动画?