Javascript 在鼠标上方启动Gif，然后在其上暂停Gif'；结束，然后弹出信息？

我有一个手机img，它坏了，然后被修复，然后屏幕拉了一个记事本（在手机上）我不太明白如何让鼠标在屏幕上旋转，然后打开记事本上的“购物车”信息，这将如何工作？

好的，你的html看起来像这样：

<img id="img1" src="image1.jpg" />

var img = document.getElementById("img1");
img.addEventListener("mouseenter", function( event ) {   
    //replace the imagesource with the second image
}, false);

---

恐怕你得在你的问题上再努力一点。我不认为任何人在那里得到你所要求的：）好了，这里是GIF，我怎么有这个不循环，我想它只开始在鼠标开关，而留下你的鼠标上，我想它暂停在空白部分，所以我可以在里面添加文字。就好像它是一个展示你的商品的网站购物车。我建议使用3种不同的图像，而不是gif。你真的不是那样做的。gif不应该用作UI元素。@OddDev我现在只能使用我用来制作gif的所有三个图像。。我只是不知道如何为鼠标编写代码，也不知道如何在鼠标上放置文本。。一旦完成，我就为它做了一个.js？我只是搞不清楚lol idk是如何工作的，以及“替换imagesource”在js代码中的imagesource在哪里？在img标记中（该属性称为“src”）。也许你应该从一个基本的html教程开始，而不是做鼠标覆盖的东西。F我是如何得到代码的？我如何链接第二个图像，使它变为第二个图像？img.setAttribute（“src”，“image2.jp”）；