前端中关于雪碧图的操作

雪碧图

就是讲很多的小图标组成成一张图。在引入小图标的时候只需要引入一张图片就可以了。简单方便。

操作

图片我是在网上下载的，简单的做一下操作。

效果图

那怎么才能实现呢？
我们可以把外面设置成一个div，给他宽度和长度，控制图标的大小。
之后再通过定位图片进行移动，显示不同的图标。

一开始出现就显示的是第一个图标。

之后呢，进行移动。出现第二个图标。