Question

我有两张照片，一张是轮子，另一张是箭头。我想定位箭头，使它指向方向盘。

在我的身体部位，我定义了：

<body onload="g1()">
    <img src="arrow.png" id="arrow" width=8%>
    <br>
    <center>
    <img src="wheel.png" id="wheel">
    <br>
    <h2 style="width:200px;" id="status"></h2>
    </center>
</body>

我的功能是：

        function g1()
        {
            var left1=screen.width/2;
            var tikli=document.getElementById("arrow");
            //tikli.style.right=0;
            //tikli.style.top=0;
            tikli.style.right=left1;
            tikli.style.top=left1;
            tikli.style.zIndex+=2;
            //rotateAnimation("wheel",8,710);
        }

现在的问题是，在更新.style.right和.style.top的值时，箭头的位置不是。（我发现它们是通过插入警报来更新的。）

我在这里错过了什么吗？为了记录，我在Chrome和IE中都尝试过，箭头仍然无法移动。

（ps。将照片上传到here）

编辑：附加CSS脚本：

<style type="text/css">
        body{
            //font-size:22px;
        }
        #arrow{
            position:absolute;
            bottom:100px;
            right:500px;
        }
</script>

Answer 1

screen.width/2;会给你一个数字，而不是CSS长度。您需要向其添加"px"。

style.right和.style.top选项未更新

1 个答案: