0

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

spriteOnHover (Sprite on Hover) – jQuery 插件

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

正如您从这些链接中看到的那样：

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

它的动画不正确！

你认为这是我的精灵吗？因为插件网站上有一个警告说这个

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

希望有人能帮忙，

非常感谢，

本。

4

2 回答 2

1

谢谢你，我现在只使用 gif 和静态 png 来悬停状态：见我的小提琴 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");
        }                         
    );                  
});
于 2014-04-07T06:41:25.870 回答
0

加载 moveplease 页面会产生 404 错误：

Failed to load resource: the server responded with a status of 404 (Not Found)

对于http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease/images/beakerFinal.png

对于您正在使用的其他页面：http ://www.benjaminedwardswebdesign.co.uk/testsites/moveplease2/images/beaker.png （注意beaker.png与beakerFinal.png

于 2014-04-06T07:14:00.800 回答