Jquery动态图像创建和动画

Jquery dynamic image creation and animate

本文关键字:动画 创建 图像 动态 Jquery      更新时间:2023-09-26

我有点困惑。我已经查看了w3schools上的jquery信息,但找不到任何关于如何使用jquery创建/插入图像的信息。我在这里看到了几个似乎与动态插入图像有关的线程,但我甚至无法让脚本只执行顶部的警报,这让我认为我在某种程度上错误地执行了触发器。如果有人能就如何修复我所做的事情给我一些建议,我将不胜感激

<script>
alert("Start");
$(document).ready(function(){
  $("#krikri").hover(createGoat(){
    $("#krikri").append('<img src="images/goat.png" alt="animated goat" />');;
alert("End function 1");
    },trotting(){
    $("#krikri").animate({left:'250px'});
});}

您没有正确调用函数。这里的语法是错误的。

alert("Start");
$(document).ready(function(){
  $("#krikri").hover(function() {
    $("#krikri").append('<img src="images/goat.png" alt="animated goat" />');;
    alert("End function 1");
    }, function(){
    $("#krikri").animate({left:'250px'});
  });
}