首先看演示图（帖子编辑完成了，版主想插就随便插啊~哥闪先!~）

好不好，先看图。但是看图是不够的。

以下内容只有回复后才可以浏览,请先登录！

可又但是，这是客户站点，我就不随意公开了。放出演示站，大家看下

http://www.xfsbuy.com/

这个站不是我做的，是客户让抄袭的站点。大家可以看下效果。我要做的效果和他类似。

超牛逼SQL大循环教程，请看http://bbs.kesion.com/forumthread-1126361.html

遇到困难，不要害怕，我们认真的分析，一定能给出解决方案。

配套JS以及CSS，不是我要讲的重点。

首先，调用JQ库。这个是原站的JQ。应该1.X版本的JQ库都可以的。抄袭了人家的东西，给人家做个外链吧。攒人品嘛！

http://www.xfsbuy.com/js/jquery.js

然后是控制JS

自己复制新建一个JS文件，然后调用进去即可。

JS调用好了，我们来调用CSS代码。同样，我不过多解释。

其实这段CSS还是很简单的。你直接在这里看不懂是正常的，复制到Dreamweaver里，立马就看懂了。

好了，配套做好了之后，我们切如正题。

首先，我们要分析一下效果，其实可以分为三个区域

1、一级栏目循环。

2、二级栏目循环。

3、三级栏目循环。

你看，这个分析多么的简单明了，我真佩服自己能写出这种废话。

首先，制作“一级栏目”的SQL标签。

新建SQL标签，命名为“一级栏目”，

查询代码如下：

因为我是把所有的分类都放在一个叫“产品展示”的栏目下面。所以这里TJ是2而不是1。

循环语句如下：

非常简单的循环代码。我们在这里面要循环“二级栏目”的SQL标签。我们接着制作吧！

我们接着制作“二级栏目”标签！

查询语句：

没什么特殊的，我们用到了 TN='{$Param(0)}' 这个万能膏药。呵呵。

循环语句：

因为第一个循环需要加上“ class="first"”这个样式，所以我单拉出来循环了一下。其实是可以用IF判断来更加完善的。不过，懒么，实现了就行。关于如何使用IF判断，请看我今天发的另一个教程。

好，通过这样的循环，就可以循环出二级栏目了。下面再做三级栏目。

我们接着制作“三级栏目”标签！

查询语句：

其实和二级导航是一样的。嘿嘿。

循环代码如下：

这个循环代码最简单了。一看就懂，直接循环一个A就可以了。

好了，本教程结束了。

写在最后：其实一般的SQL标签不是很难的。只需要你非常认真的去分析，然后去实践就可以了。当客户给我看演示站的时候，我差点都晕过去了。这他妈的开玩笑啊！

躲不掉，那就干呗，仔细分析下，也就是这样嘛，毛毛雨啦！

希望大家也能努力学习，多写教程来分享。我一年多不写教程，教程区尽然还全是我的帖子，这叫人情何以堪啊！

不是我牛逼，是你们太懒啦！

最后，感谢CCAV，感谢KESION！版主，你可以插了！