Javascript 如何在js或css中固定图像位置？我有摩天轮，我想我所有的形象应该是站着的立场，而旋转

如何在js或css中固定图像位置？我有摩天轮，我想我所有的形象应该是站着的立场，而旋转。 我想这样：看到粉红色的三角形，旋转时位置是固定的

这是我的：

有什么帮助吗？欢迎提出任何建议。

---

谢谢您的帮助。

不确定这是否能解决您的问题，但我可以看到您每500毫秒旋转一次图像：这是一个很大的延迟。用50毫秒试试看

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

        $('.fa').css({
        "-moz-transform": "rotate(1 deg)",
        "-webkit-transform": "rotate(1 deg)",
        "-o-transform": "rotate(1 deg)",
        "-ms-transform": "rotate(1 deg)"
    }); 

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

这是一张工作票

好的，为了解决你的问题，你必须反向旋转各个图像，因为整个轮子都在旋转。 因此，将脚本更改为此应该可以解决此问题：

<script src="http://code.jquery.com/jquery-1.6.3.min.js" type="text/javascript"></script>  
<script>
    var rotation = 0
    setInterval(function() {
        $('div.#wheel').css({
            "-moz-transform": "rotate(" + rotation + "deg)",
            "-webkit-transform": "rotate(" + rotation + "deg)",
            "-o-transform": "rotate(" + rotation + "deg)",
            "-ms-transform": "rotate(" + rotation + "deg)"
        }); 

        $('.fa').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
    }, 500);
</script>

变量旋转=0
setInterval（函数（）{
$（'div.#wheel'）.css({
“-moz变换”：“旋转（“+旋转+”度）”，
“-webkit变换”：“旋转（“+旋转+”度）”，
“-o变换”：“旋转（“+旋转+”度）”，
“-ms变换”：“旋转（“+旋转+”度）”
}); 
$（'.fa'）.css({
“-moz变换”：“旋转（“+（-旋转）+”度）”，
“-webkit变换”：“旋转（“+（-旋转）+”度）”，
“-o变换”：“旋转（“+（-旋转）+”度）”，
“-ms变换”：“旋转（“+（-旋转）+”度）”
}); 
旋转=（旋转+10）%361
}, 500);

---

当你看太久的时候，你会有点恶心。ferris wheel，我是说，不是代码。

你的链接不起作用…试试这个，看看并接受ShadowScripter的答案。嗨，谢谢你的帮助，但它仍然没有修复：（希望我能修复它。是的，我正在考虑做一个JSFIDLE，但这是一个非常简单的修复。不过我会将它添加到答案中。