思路:使用js循环精灵图的好处在于不用再像以前那个一个个的进行定位了。写好html css代码之后,在js中首先获取每个存放精灵图的元素。由于精灵图排列是有规律的,所以利用for循环,根据观察的规律来修改精灵图的背景位置background-position(不要忘记加单位,否则无效)。