jquery - 创建动画 Sprite 的最佳位置在哪里？

Question

我在一个网站上工作，我有动画使用:

spriteOnHover (Sprite on Hover) – jQuery 插件

我的问题是我的动画停止了，我感觉这是 PNG 的设置方式。

从这些链接可以看出:

http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease/ <= 我的动画是烧杯!

动画不正确!

你认为这是我的 Sprite 吗？因为插件站点上有这样的警告

“注意:spriteOnHover jquery 插件将根据方向参数自动检测您的 Sprite 有多少帧，但至关重要的是每个帧都具有与其他帧完全相同的大小。目前，不支持多行 Sprite ”

希望有人能帮忙，

非常感谢，

本。

Answer 1

谢谢，我现在只使用一个 gif 和一个静态 png 来表示悬停状态:看我的 fiddle http://jsfiddle.net/P4aZC/

<img id="beaker" src="http://benjaminedwardswebdesign.co.uk/testimg/BeakerStart.png" />  

    $(document).ready(function()
{
    $("#beaker").hover(
        function()
        {
            $(this).attr("src", "http://benjaminedwardswebdesign.co.uk/testimg/BeakerAni.gif");
        },
        function()
        {
            $(this).attr("src", "http://benjaminedwardswebdesign.co.uk/testimg/BeakerStart.png");
        }                         
    );                  
});