用html5和javascript设计实现键盘 *** 纵角色在地图上行走

首先你要看 你的具体需求，如果你希望在百度地图上行走可以这样做。百度搜：百度地图api，然后里面有一个自定义图标，里面有个小狐狸的案例，按照那个先写好代码，然后百度api里面有控制地图的中心点坐标的内容。键盘也有监听事件，在监听键盘事件的回调函数里修改角色在地图中的位置。

如果是2d 你有一个地图的图片，还有一个角色的图片。地图不动的情况下，先给地图设置position：relative，然后给小人设置position：absolute（小人在地图的dom内），然后监听键盘的四个方向改变小人的top和left就好了。

最近我在 深圳远标教课，讲了一个贪吃蛇，就是控制蛇在地图上移动的。最近有个贪吃蛇的游戏也很火。你可以找我ID来学习。

你没说哪个网站，猜测有两种可能

1是用自定义图片改变了鼠标指针，css是 cursor:url(cur文件路径)

2是页面添加了鼠标移动事件，小人根据鼠标位置改变位置

1、单击鼠标右键，选择设置背景格式。2、在设置背景格式里选择填充，纯色填充，填充颜色为黑色，单击关闭按钮。3、选择插入选项中的形状工具，在基本形状中选择椭圆工具绘制头部，选择曲线和多边形工具绘制身体，以此绘制五个小人行走的动作。4、添加动画，从左往右逐个选择每个小人，在动画选项栏选择出现,在单击右侧的添加动画选择消失按钮。5、单击动画选项栏的动画窗格在右侧动画窗格里选择全部动画。6、全选所有小人，选择绘图工具，格式，对齐方式，顶端对齐，横向分布，选择所有小人，依次复制，粘贴，排列几组。

---