jQuery框架動畫插件不起作用

我試圖使用jQuery框架動畫插件，即使在最簡單的測試中也無法使其工作。我試圖儘可能簡單地將其分解，但似乎無法使其發揮作用。jQuery框架動畫插件不起作用

這裏就是我從演示引用文件的測試，我仍然不能得到它的工作：

<html> 
<head> 
<style type="text/css"> 
    #a { 
    background: url(http://demo.dev.bitami.com/jQuery/frameanimation/images/logo.png) no-repeat 0px 0px; 
    height: 36px; 
    width: 100px; 
    } 
</style> 

<script type="text/javascript" src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.js"></script> 
<script type="text/javascript" src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.frame.animation.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
    $("#a").frameAnimation(); 
    }); 
</script> 
</head> 
<body> 
<div id="a"></div> 
</body> 
</html>

我瘋了？這是否適用於其他人的定位機器？這裏是demo page供參考。

來源

2010-08-25 creativetim

工作正常，我。或者什麼不應該工作？ – Iznogood 2010-08-25 16:13:08

我相信這是因爲你不包括樣式表，下面的工作...

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="http://demo.dev.bitami.com/jQuery/frameanimation/stylesheets/style.css" /> 
    <title>Frame Animation Plugin for jQuery</title> 
    <script src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.js"></script> 
    <script src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.frame.animation.js"></script> 
</head> 
<body> 
<a id="d" href="#"></a> 
<script> 
$(function() { 
    $('#d').frameAnimation(); 
}); 
</script> 
</body> 
</html>

來源

2010-08-25 16:33:37

我確定我的背景屬性是在最後一幀開始的，就像它在樣式表中一樣： background：url（../ images/logo.png）no-repeat 0px -324px; – creativetim 2010-08-25 18:41:17

jQuery框架動畫插件不起作用

回答

相關問題