首先我们需要一个包含坦克四个方向的图片,是一个图片不是四个图片。然后图片的高宽细节也可以知道,将此图片设置为div的背景图,同时根据你图片的方去选择设置background-y或者background-x属性。再进行width或者height属性设置。这两个属性的目的是设置背景图片开始显示的坐标,显示的长度为width何height属性设置的值。
background-y/x,则图片如果大于div设置的width和height,会把div撑大,然后剩下的就简单了,在js中设置鼠标或者设置button相应事件,从而切换坦克的方向转换,举
一反三,很多东西也可以按照此思路来做。