如何使用jquery.path进行动画处理

时间:2014-07-29 20:15:59

标签: jquery animation

我尝试使用jquery.path

创建图像动画
<body>
<img id="elem" src="img/01.png" alt="img">

<script src='../jquery-2.1.0.min.js'></script>
<script src='../jquery.path.js'></script>
<script src='enter.js'></script>
</body>

enter.js

var arc_params = {
    center: [285,185],  
    radius: 100,    
    start: 30,
    end: 200,
    dir: -1
};

$("#elem").animate({path : new $.path.arc(arc_params)});

CSS

#elem{
    display:block;
    margin:30% auto;
    width:120px;
}

图像在那里,但没有任何反应。没有任何动画。控制台是免费的。

1 个答案:

答案 0 :(得分:0)

我有足够的声誉来评论所以我采取这种方式。 我已经尝试过jquery.path的演示页面。只有 Firefox 能够在该页面上显示元素及其动画,所有其他甚至都不显示元素。它似乎是插件中的一个错误而不是浏览器。