0

我正在尝试使此代码正常工作，但在尝试了很多之后我仍然无法运行它。图像应该动画，但它不工作。有什么想法有什么问题吗？谢谢

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type=""
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css">
img
{
    position:absolute;
}​

</style>

<script type="text/javascript">
$(document).ready(function() {
 $zombie = $('img#flickr');


          function runit(){

            $zombie
             .animate({ opacity: 1 },100)
                .animate({top:'300px',left:'300px'}, {duration:2000})
            .animate({top:'260px',left:'340px'}, {duration:2000})
            .animate({top:'220px', left:'380px'}, {duration:2000})
            .animate({top:'180px', left:'420px'}, {duration:2000})
            .animate({top:'140px', left:'460px'}, {duration:2000})
                .animate({top:'100px', left:'500px'}, 2000,function(){
                   runit();    
                });

        }


        runit();​
});
</script>
</head>

<body>
<!--<img id ="flickr" src="9.png" />
-->
<img id ="flickr" src="http://placekitten.com/g/200/300" />​
</body>
</html>
4

2 回答 2

1

在这里工作正常：http: //jsfiddle.net/B9z92/

在您的代码示例中，您有标签 fragment <script type=""。也许这是你的问题？

你正在经历什么行为？您是否收到任何 javascript 错误？

编辑：看起来您在第 37 行收到错误“Unexpected token ILLEGAL”。您是否从某处复制/粘贴了一些代码？尝试在调用 to 后删除所有空格runit()，看看是否能解决问题。

于 2012-05-19T08:22:27.650 回答
1

它工作得很好。你的代码有<script type=""问题，删除它。但它适用于带有损坏标签的我。如果仍然有问题，则使用firebug或此类调试器检查错误。

  • 检查 jquery 是否正确加载。
  • 拿你<script>之前的代码</body>，虽然它可能不是问题。

转到调用函数的js代码runit();，将光标放在后面;并backspace按键直到它删除分号（;）并保存脚本，上传并再次检查。

于 2012-05-19T08:27:36.553 回答