jQuery frame animation plugin does not work
I am attempting to use the jQuery Frame Animation plugin and cannot get it to work even in the simplest of tests. I have tried to break it down as simply as possible and still cannot seem to get it to work.
Here is a test where I'm referencing the files from the demo and I still can't get it to work:
<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").frameAnimati开发者_开发百科on();
});
</script>
</head>
<body>
<div id="a"></div>
</body>
</html>
Am I crazy? Does this work on anyone else's location machine? Here is the demo page for reference.
I believe it is because you are not including the stylesheet, the following work...
<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>
加载中,请稍侯......
精彩评论