mysql中有两张表：1、分类表（fenlei）中有数据：如，1,2,3,4 。2、数据表（shuju）中有分类表中关联的数据。如，分类表数据1关联的数据111，112,113。分类表数据2关联的数据211,212,213.等。前台模板中的代码是这样的
<div class="zone-new f-r">
<div class="hd">
<ul>
<li><a href="#">测试1</a></li>
<li><a href="#">测试2</a></li>
<li><a href="#">测试3</a></li>
</ul>
</div>
<div id="test3"><a></a></div>
<div class="bd">
<ul>
<img src="__PUBLIC__/qiantai/images/2014-12-19-024949.jpg">
<li><a href="#" target="_blank">SuperSlide2.0正式发布！</a></li>
<li><a href="#" target="_blank">SuperSlide2.0正式发布！</a></li>

</ul>
<ul>
<img src="__PUBLIC__/qiantai/images/2014-12-19-024949.jpg">
<li><a href="#" target="_blank">SuperSlide2.0正式发布！</a></li>
<li><a href="#" target="_blank">SuperSlide2.0正式发布！</a></li>

</ul>
<ul>
<img src="__PUBLIC__/qiantai/images/2014-12-19-024949.jpg">
<li><a href="#" target="_blank">SuperSlide2.0正式发布！</a></li>
<li><a href="#" target="_blank">SuperSlide2.0正式发布！</a></li>

</ul>
</div>
<script type="text/javascript">jQuery(".zone-new").slide(); </script>
</div>
效果图如下：