jquery - 圆形导航旋转

Question

我正在研究一个圆形导航系统，我在中心有一个微调器，它使用 JqueryRotate 2.2 插件在悬停时旋转，但是我很好奇如何让它更好地响应？将鼠标悬停在 Portfolio 上时它不会移动，因为我希望箭头在加载时保持垂直，但是当您将鼠标悬停在 about > Contact 和 Blog 上时，它看起来有点糟糕，可能是因为我已将其设置为旋转 - 90 度，但有没有办法让微调器以最快的方式到达按钮？所以如果它在接触，那么它会从那里旋转 90 度而不是从投资组合？

它住在http://www.anthonyeamens.co.uk

Answer 1

似乎你可以.getRotateAngle()看看它是否应该-90或270

$("#blog").hover(
 function () {
      if($("#spinner").getRotateAngle() < 10)
          $("#spinner").rotate({animateTo:-90})
      else
          $("#spinner").rotate({animateTo:270})
      },
       function () {
          $("#spinner").rotate({animateTo:0});

});