javascript - 如何在 Javascript 中创建带有图像的旋转轮？

Question

您好，我有摩天轮图片。它有 10 个元素组成一个大圆圈(像摩天轮)。我想用 8 <div> 旋转圆秒。我怎样才能在 javascript 或 HTML5 中做到这一点？

类似于 this .但我需要粉红色成为 <div>区域，以便我可以在上面放置图像。非常感谢任何建议和帮助。

Answer 1

这是一个 example .使用相当跨浏览器的方法。

var rotation = 0
setInterval(function() {
    $('div').css({
        "-moz-transform": "rotate(" + rotation + "deg)",
        "-webkit-transform": "rotate(" + rotation + "deg)",
        "-o-transform": "rotate(" + rotation + "deg)",
        "-ms-transform": "rotate(" + rotation + "deg)"
    });

    rotation = (rotation + 10) % 361
}, 200)