在网页中如何实现图片的左右移动，上下移动，且移动时图片具有放大效果，移动均用键盘控制

在网页中如何实现图片的左右移动，上下移动，且移动时图片具有放大效果，移动均用键盘控制

解决方案 »

  1.   

    将图片设置为浮动：position:relative
    设置其top,left属性实现移动。
    设置其width,height实现放大效果。
    用onkeydowm事件实现键盘控制
      

  2.   

    你QQ多少？我来了  草代码不能给你了
    因为我不知道你的QQ。无语
      

  3.   

    event.keyCode来判断！等于键盘的码数
      

  4.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
        var stap = 5;
        function show() {
            var curTop = document.getElementById("imag").style.pixelTop;
            var curLeft = document.getElementById("imag").style.pixelLeft;
            if (event.keyCode == 37) {
                curLeft = curLeft - stap;
            } 
            if (event.keyCode == 38) {
                curTop = curTop - stap;
            }
            if (event.keyCode == 40) {
                curTop = curTop + stap;
            }        if (event.keyCode == 39) {
                curLeft = curLeft + stap;
            }         document.getElementById("imag").style.pixelTop = curTop;
            document.getElementById("imag").style.pixelLeft = curLeft;
        }
        
    //--></SCRIPT>
    </HEAD><BODY onkeydown="show()">
    <img src="" style="position: absolute;" id="imag">
    event.keyCode = 37左,38上,39右,40下
    </BODY>
    </HTML>