在hover时动画gif

我找到了答案，我找到了，但我不知道如何使用它。

停止gif动画onload，在mouseover上启动激活

Guffa对这个问题的回答正是我想要的，但我不知道如何使用该代码。

我有jquery插件，但是我在哪里放置代码（不是插件; Guffa的答案中的代码）？ 如何在参考图像时使用它？ 是否有一个function我必须打电话让它工作？ 如果是这样，最好的方法是什么？

很抱歉提出已经回答的问题，但他的回答不够具体，我无法发表评论，要求他提供更具体的答案。

Answer 1

以下是您需要的工作示例 – http://jsfiddle.net/EXNZr/1/

Answer 2

我还没有看过这个链接，但最简单的方法就是在这样的情况下使用javascript更改img标签src属性（jQuery）

 $(function() { $('a').hover(function() { $(this).attr('src','path_to_animated.gif'); },function() { $(this).attr('src','path_to_still.gif'); } }); 

不需要插件……您可能希望通过添加$('',{ src: 'path_to_animated.gif'});来预加载动画gif $('',{ src: 'path_to_animated.gif'}); 在hover绑定之前。

希望有所帮助

Answer 3

如果你可以使用canvas，试试这个：