根据html规律循环输出，个人感觉有点难
先附上HTML代码：

	<ul class="jtlo">

		<li class="clearfix">

			<span style="padding-top:190px;">

				<img src="images/1.png"/>			

			</span>

			

			<span style="padding-top:152px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span style="padding-top:114px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span style="padding-top:76px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span style="padding-top:38px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span style="padding-top:38px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

				<span style="padding-top:76px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span style="padding-top:114px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span style="padding-top:152px">

				<img src="images/1.png"/>

				<img src="images/1.png"/>

			</span>

			

			<span style="padding-top:190px;">

				<img src="images/1.png"/>			

			</span>

		</li>

	</ul>

上面就是最终输出的html代码，主要是循环img，然后在适当的时候加入span标签。span标签和padding-top的规律是先递增再递减，1/2/3/4/5/6/5/4/3/2/1。