Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.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 相同的代码在不同的笔中提供不同的动画?_Javascript_Jquery_Html_Css_Animation - Fatal编程技术网

Javascript 相同的代码在不同的笔中提供不同的动画?

Javascript 相同的代码在不同的笔中提供不同的动画?,javascript,jquery,html,css,animation,Javascript,Jquery,Html,Css,Animation,我从脱机复制了代码,但我的动画与笔中的动画不同?在那之后,我把代码从原来的笔复制到我的笔上,但我还是得到了不同的动画?发生什么事了 这是密码 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.2/velocity

我从脱机复制了代码,但我的动画与笔中的动画不同?在那之后,我把代码从原来的笔复制到我的笔上,但我还是得到了不同的动画?发生什么事了

这是密码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.2/velocity.min.js"></script>
<body>
<figure>
<button>Recommend</button>
<div class="shadow"></div>
</figure>
<script>
$("button").mousedown(function(){
$(this).html("Recommended").velocity({
backgroundColorRed : "0",
translateY: "-1.5rem",
rotateZ: "-10deg"
}, 100, "easeOutBounce").velocity({
rotateZ: "8deg",
}, 150).velocity({
translateY: "0",
rotateZ: "0"
}, 600, "easeOutBounce");

$("+ .shadow", this).velocity({
scale: "1.3",
opacity: "1"
}, 150).velocity("reverse", 600, "easeOutBounce");
});
</script>

对我来说,复制作品没有问题。也许你在当地还有其他问题?您也没有加载codepen使用的完全相同的库版本。你能提供你复制的笔吗?你说它也不能用?Jey说的-很确定你没有使用完全相同版本的jQuery和velocity.js。可能是罪魁祸首。有没有办法知道他们使用的是哪个版本?
$("+ .shadow", this).velocity({
scale: "1.3",
opacity: "1"
}, 150).velocity("reverse", 600, "anyfh");