在鼠标悬停上启动Gif，然后在它结束时暂停Gif，并在之后弹出信息？

Question

我有一部手机img，它破了然后固定然后屏幕拉起一个记事本（在手机上）我不太明白如何让鼠标悬停转动屏幕固定然后用它打开记事本“购物车”信息，这将如何运作？

Answer 1

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

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

显示手机。

你的JS看起来像这样：

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

https://developer.mozilla.org/en-US/docs/Web/Events/mouseover

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener