最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

一、前言

這一講的內(nèi)容很簡單，大家理解起來會更快。因此我只對重點加以分析，其他的就輪到大家思考哦！首先來說，我對游戲開發(fā)可以算是不怎么深入，因為現(xiàn)在的程序員愛用canvas，我卻就只會拿幾個div湊和。不過沒關(guān)系，因為做出來的同樣是游戲。哈！廢話最近有點多，望大家原諒。接下來請看代碼解析。

二、代碼講解

今天調(diào)一下講解順序，先看代碼后看圖片：

 
 
 

  
  
  
var subtractedMargin = 0;  
  
  
  
var subtractedMarginL = 0;  
  
  
  
var mousedown = 0;  
  
  
  
var toright;  
  
  
  
var toleft;  
  
  
  
var todown;  
  
  
  
var toup;  
  
  
  
window.onmouseup = function(){  
  
  
  
    mousedown = 0;  
  
  
  
    clearInterval(toright);  
  
  
  
    clearInterval(toleft);  
  
  
  
    clearInterval(todown);  
  
  
  
    clearInterval(toup);  
  
  
  
}  
  
  
  
function mapMove(direction)  
  
  
  
{  
  
  
  
    switch(direction){  
  
  
  
        case "down":  
  
  
  
            subtractedMargin -= 15;  
  
  
  
 
  
  
  
            $("#ID_IMG_MAP").animate({marginTop: subtractedMargin + "px"}, 120);            
  
  
  
            break;           
  
  
  
        case "up":  
  
  
  
            subtractedMargin += 15;  
  
  
  
            $("#ID_IMG_MAP").animate({marginTop: subtractedMargin + "px"}, 120);               
  
  
  
            break;           
  
  
  
        case "right":  
  
  
  
            subtractedMarginL -= 15;   
  
  
  
            $("#ID_IMG_MAP").animate({marginLeft: subtractedMarginL + "px"}, 120);           
  
  
  
            break;       
  
  
  
        case "left":  
  
  
  
            subtractedMarginL += 15;  
  
  
  
            $("#ID_IMG_MAP").animate({marginLeft: subtractedMarginL + "px"}, 120);           
  
  
  
            break;  
  
  
  
    }  
  
  
  
    if(subtractedMarginL < -415){  
  
  
  
        clearInterval(toright);  
  
  
  
        clearInterval(toleft);  
  
  
  
    }  
  
  
  
    if(subtractedMarginL > -20){  
  
  
  
        clearInterval(toright);  
  
  
  
        clearInterval(toleft);  
  
  
  
    }  
  
  
  
    if(subtractedMargin < -640){  
  
  
  
        clearInterval(todown);  
  
  
  
        clearInterval(toup);  
  
  
  
    }  
  
  
  
    if(subtractedMargin > -20){  
  
  
  
        clearInterval(todown);  
  
  
  
        clearInterval(toup);  
  
  
  
    }  
  
  
  
}  
  
  
  
$("body").ready(function(){  
  
  
  
    $("#ID_DIV_TORIGHT").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMarginL > -415 && mousedown == 1){  
  
  
  
            mapMove("right");  
  
  
  
            toright = setInterval(function(){mapMove("right");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
    $("#ID_DIV_TOLEFT").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMarginL < -20 && mousedown == 1){  
  
  
  
            mapMove("left");  
  
  
  
            toleft = setInterval(function(){mapMove("left");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
    $("#ID_DIV_TODOWN").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMargin > -640 && mousedown == 1){  
  
  
  
            mapMove("down");  
  
  
  
            todown = setInterval(function(){mapMove("down");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
    $("#ID_DIV_TOUP").mousedown(function(){  
  
  
  
        mousedown = 1;  
  
  
  
        if(subtractedMargin < -20 && mousedown == 1){  
  
  
  
            mapMove("up");  
  
  
  
            toup = setInterval(function(){mapMove("up");}, 120);  
  
  
  
        }  
  
  
  
    });  
  
  
  
}); 
 
 
 

當大家看到本文題目時肯定不大了解題目的含義，因為太抽象了?，F(xiàn)在做一下解釋：可移動是代表可以向四面八方走動，地圖就是地圖，可以是世界地圖，中國地圖，游戲地圖。。。反正必須是一張圖。在此多說了兩句，不過沒關(guān)系，因為了解情況比不知廬山真面目要好得多。

接下來我把html代碼再公布出來，因為這次html代碼的重要性很大：