HTML(注意包裹关系,方便js调用)
复制代码 代码如下:
<body>
<div>
<div>
<div>
<img src="https://www.jb51.net/images/0.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/1.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/2.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/3.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/4.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/2.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/3.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/4.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/5.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/6.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/7.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/3.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/4.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/5.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/3.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/4.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/5.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/6.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/7.jpg" alt="">
</div>
</div>
<div>
<div>
<img src="https://www.jb51.net/images/3.jpg" alt="">
</div>
</div>
</div>
</body>
LESS(less预编译)
复制代码 代码如下: