我正在寻找一种解决方案,以使CD映像自动翻转(就像这样:http://alanschaffer.com/sound/images/cd.gif),并且每当从该CD下方的列表中选择一个曲目并单击该曲目时,就会播放选定的曲目。在播放曲目时单击CD时,曲目将停止。

你能帮我吗?

附注:所有适用于iPad的解决方案建议均适用。我要在iPad应用上使用它。

最佳答案

我建议使用css-animations进行图像旋转(当然,您必须为其他浏览器添加前缀):

.mycd.animate {
  -webkit-animation: infinite-spinning 1s infinite linear;
}

@-webkit-keyframes infinite-spinning {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}


只需将animate类添加到图像中,CD就会旋转。

$('.mycd').on('click',function() {
  if($(this).hasClass('animate')) {
    // Track is playing -> stop it
    $(this).removeClass('animate');
  } else {
    // Not Playing -> start
    $(this).addClass('animate');
  }
});

10-05 20:58
查看更多