jQuery.Path插件代码没有正确的bezier动画

时间:2010-05-19 15:24:15

标签: jquery animation jquery-plugins

这段代码直接来自jQuery.Path插件的original page,只是在我给我的标签ID为“my_elem”之后,我在选择器前面添加了一个哈希,因为它不起作用。 / p>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="path.aspx.cs" Inherits="path"     %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1    /DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/jquery.path.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var bezier_params = {
            start: {
                x: 185,
                y: 185,
                angle: 10
            },
            end: {
                x: 540,
                y: 110,
                angle: -10,
                length: 0.25
            }
        };
        $("#my_elem").animate({ path: new $.path.bezier(bezier_params) }, 1000);
    });
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
    <img id="my_elem" src="images/image.jpg" />
</div>
</form>
</body>
</html>

并没有做任何事情。我的小50x50 jpg加载并坐在那里。我是否应该期待它的移动?我错过了什么? 我已经包含了jquery-1.3.2.min.js和jquery.path.js,后面是上面的代码。

修改添加了整页代码。

1 个答案:

答案 0 :(得分:0)

对于那些焦急地等待修复的人来说,我会说我错过了相对定位,但它从来没有真正提到过任何地方。我回顾了到处显示的样本来源,它打击了我。

<img id="my_elem" src="images/image.jpg" style="position: relative;" />