最近，我们为网站制作了一些GIF动画。动画之一是地图上的标记，它在空中“跳跃”。我们的想法是让标记仅在鼠标滑过时跳一次。换句话说：它只应该播放一次，并且在悬停时不会陷入无限循环。
我首先阅读了这篇文章：悬停动画gif。我使用代码在悬停时启动动画，并在鼠标移出时将其替换为静态图像。
但这并不能使我接近想要的东西。使用此脚本，它可以一直循环播放，这是逻辑，但正是我们不想要的。另外，当您将鼠标移出时，我们希望GIF继续动画直到完成，而不是立即停止。最后但并非最不重要的一点是：悬停时，将鼠标移出，然后在动画继续播放时立即再次悬停，在播放动画时不应重新启动。
据我所了解，以及当我创建动画时我没有意识到的事情，用jQuery控制GIF动画非常困难。
我唯一能想到的就是处理动画的时间/持续时间。例如。如果动画花费了3秒钟，那么我们可以将Gover替换静态图片（悬停时）为确切时间。如果我们在img标签的data属性中传递持续时间，我们甚至可以为所有GIF编写通用脚本。但这将意味着编写大量代码，而这对我而言似乎并不是最简单的方法。
有谁知道实现我们想要的更简单方法的想法？我很期待听到您对此的看法。
我对javascript很新,并且对如何在不提交表单的情况下获取输入字段的值有疑问.我有以下一小段代码,我将它与实时验证脚本结合使用来验证字段.
<form name="FormName" method="post" />
<input type="text" id="nameValidation" value="HelloWorld" />
<script type="text/javascript">
var NameValue = document.forms["FormName"]["nameValidation"].value;
</script>
</form>
我希望var NameValue是您在输入字段中键入的值,因此我可以在验证后出现的消息中使用它.当我在不提交表单的情况下更改输入字段的值时,var NameValue将stil设置为"HelloWorld".在做了一些研究后,我发现我可以使用jQuery解决它,它的函数是serialize().有没有办法在没有jQuery的情况下做到这一点？
我刚开始使用jQuery,但我无法使用它.
在index.php页面上,我想要一个发布到的搜索表单search.php.接下来,我希望将HTML search.php(其中只有一个包含结果的表)插入到"结果" div中index.php.
这是我正在使用的代码:
<script type="text/javascript">
/* attach a submit handler to the form */
$(document).ready(function () {
alert("Ok - 1");
$("#zoeken").submit(function (event) {
alert("Ok - 2");
event.preventDefault();
$.post("https://nodots.nl/labs/dd/search.php", $("#zoeken").serialize() {
alert("Ok - 3");
success: function (html) {
$("#result").empty().html(html);
alert("Ok - 4");
}
});
});
});
</script>
警报用于调试,但不会显示任何警报.谁能告诉我我做错了什么？