[b]一、前言[/b] 这一讲的内容很简单，大家理解起来会更快。因此我只对重点加以分析，其他的就轮到大家思考哦！首先来说，我对游戏开发可以算是不怎么深入，因为现在的程序员爱用canvas，我却就只会拿几个div凑和。不过没关系，因为做出来的同样是游戏。哈！废话最近有点多，望大家原谅。接下来请看代码解析。 [b]二、代码讲解[/b] 今天调一下讲解顺序，先看代码后看图片。 这是slg.js里的内容： 现在大家可以对照两段代码看，值得注意得是有一点：在html代码中，我把一张图片放入了div，这时div原本是不会遮盖住图片的，但当你加上overflow: hidden;时就可以遮盖住图片了。 在这个程序中为了点击边框附近就能使地图移动，我用了四个div压住图片四边，当边框附近被点击时，就等于点了div，点了div就会调动相应函数。这样做虽然技术会有点差，不过也是一个好办法。 另一点值得注意得是：当点击边框附近调用函数时，我用了一个很特别的方法让地图一直移动，除非你松开鼠标。这个方法就是用setInterval()等待几秒后又移动，setInterval()又是个不停循环的东东，于是就一直调用下去，当松开鼠标时，就用clearInterval();让setInterval()停下，于是，这个环节搞定了！！！哈哈哈。 对了，不忘把图片给大家，图片有点大。。。 [img]http://files.jb51.net/file_images/article/201301/2013012317500836.jpg[/img]   源码下载地址[/url] [b]三、演示效果[/b] 先看演示图片： [img]http://files.jb51.net/file_images/article/201301/2013012317500837.png[/img] 然后是： [img]http://files.jb51.net/file_images/article/201301/2013012317500838.png[/img]   [url=http://demo.jb51.net/js/2013/moveMap/]演示地址[/url]： 注意：进入demo后点击图片边缘便可以移动地图。 希望大家多支持！谢谢！ “用Javascript开发《三国志曹操传》”系列文章差不多到此就该结束了，下次我们来研究研究html5游戏开发。相信那更是智慧的挑战。敬请期待！---Yorhom Wang