箭头的移动与旋转

Question

需要动态的效果
var PI = 3.1415926;
var r = 100;
var _x = 200;
var _y = 300;
var x, y;
for(var i = 0; i < 360; i += 6) 
    {
       x = Math.cos(PI / 180 * i) * r + _x;
       y = Math.sin(PI / 180 * i) * r + _y;  //x,y是运动轨迹
                   
       $("#target").animate({top:x,left:y},100);  //target为一div(里面有一img) 这一语句使div运动 
       $("#target img").rotation({angle:5});//想使用jquery.rotate.js插件使img运动
     }    上面的rotation可以使一静止的图旋转,可一旦是上面又运动又旋转就不行了
有使图片运动并旋转的方法,最好是jquery方式

Answer 1

你是说加： $("#target img").rotation({angle:5});//想使用jquery.rotate.js插件使img运动
这个就不行了是吧。会不会是jquery.rotate.js有问题

Answer 2

是这个意思
 $("#target").animate({top:x,left:y},100);
  $("#target img").rotation({angle:5});
一起用img只移动不旋转单独用
$("#target img").rotation({angle:5});
还是可以对img进行旋转

Answer 3

$("#target").animate({"top":x,"left":y},100);//top和left要加上引号，这里错了，下面的语句就不执行了

Answer 4

楼上大哥
单独用
$("#target").animate({top:x,left:y},100); 
这个是可以的