07_js走路小游戏

<html>
    <head>
    <!-- 不做了,思路:
        按enter键停止,将xs,ys替换为0,再次按,判断xs和ys是否为0,是的话,讲根据fx给xsys赋值。
        实现鼠标点哪往哪里走:获取鼠标的坐标,和现在的左边,确定应该往x走多少,y走多少,根据x y的值调走的速度
    -->
    </head>
    <body onkeydown="opt()">
        <img border="0" id="ren" src="images/q_1.jpg" style="position:absolute;left:0px;top:0px;">
    </body>
    <script>
        var ren=document.getElementById("ren");
        var fx="q";
        function transStr(obj){
            //return obj.substring(obj.lastIndexOf("/")+1,obj.length);
            return obj.substr(obj.lastIndexOf("/")+1);
        }
        function changetu(){
            if(transStr(ren.src).charAt(2)=="1")
                ren.src="images/"+fx+"_2.jpg";
            else
                ren.src="images/"+fx+"_1.jpg";
        }
        
        
        function start1(){
            setInterval(function(){
                run();
                changetu();
            },400);
        }
        start1();
        function opt(){
            var code=event.keyCode;
            switch(code){
            case 37://
                fx="z"
                ys=0;
                xs=-5;
                break;
            case 39://
                fx="y";
                ys=0;
                xs=5;
                break;
            case 38://
                fx="h";
                xs=0;
                ys=-5;
                break;
            case 40://
                fx="q";
                xs=0;
                ys=5;
                break;
            }
        }
        var x=0;
        var y=0;
        var xs=0;
        var ys=0;
        function run(){
            x+=xs;
            y+=ys
            ren.style.left=x;
            ren.style.top=y;
        }
    </script>
</html>

 

posted @ 2016-06-25 21:29  guodaxia  阅读(324)  评论(0编辑  收藏  举报