JS初级问题，通过onkeydown移动图片

javascriptfunctionjs

解决方案 »

  1.   

    function move(event) {
            var key = (event|| window.event).keyCode;
            if (key == '65') {
            var dgi=document.getElementById("img")
                dgi.style.left = (parseFloat(String(dgi.style.left).replace(/px/ig,''))||0+10)+'px'
                alert(dgi.style.left);
            }
             
        }
      

  2.   

    还是不行……不过倒是知道怎么转型了，之前用parseInt老是失败……   难道是我标签有问题？
    <body onkeydown="move(event);">
    <img id="img" src="13.6.jpg" style="position:absolute;left=100;top=100;" width=20%; height=30%;>
      

  3.   

    function move(event) {
            var key = (event|| window.event).keyCode;
            if (key == 65) {
            var dgi=document.getElementById("img");
                dgi.style.left = ((parseFloat(String(dgi.style.left).replace(/^\d\.]/ig,''))||0)+10)+'px';
             }
             
        }
      

  4.   

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body onkeydown="move(event);">
    <img id="img" src="13.6.jpg" style="position:absolute;left:100px;top:100px;" width=20%; height=30%;>
    <script>
        var img=document.getElementById('img');
        var l=parseInt(img.style.left);
        function move(e){
            var a=e||window.event;
            if(a.keyCode==65){
                img.style.left=((l+=10)+'px');
            }
        }
    </script>
    </body>
    </html>
      

  5.   

    柯南桑的可以了，虽然还有些问题想问，不过自己alert应该就能明白
    楼上的还是不可以…… 我也曾经这么改过