在做品优购等电商类项目时,会碰到很多需要显示一组小图,这种小图一般都是通过精灵图来完成,而对于一组规律排列的小图标,可以使用JS来控制。
HTML结构如下:
<div class="lifeservice" id="lifeservicelist">
<ul>
<li><a href="">
<i></i>
<p>话费</p>
</a></li>
<li><a href="">
<i></i>
<p>机票</p>
</a>
</li>
<li><a href="">
<i></i>
<p>电影票</p>
</a></li>
<li><a href="">
<i></i>