请教大神，怎么实现商品分类功能_html/css_WEB-ITnose

本人菜鸟，请大神指导，告诉我大概的思路就可以了。
如图：

回复讨论(解决方案)

可以为不同的衣服设置不同的类别例如 美特斯邦威T恤 ，然后利用jquery的选取器筛选显示
$('li[data-type="' + 类别 + '"]').addClass('显示')。

大概写了一个示例,可以运行

                                 function changeFunction(id)        {            $("#nav"+id).siblings().removeClass("addColor").end().addClass("addColor");            $("#test"+id).siblings().hide().end().show();        }                  body{            margin: 50px;        }        .addColor{            color:red;        }        #navs{            width:960px;            height: 30px;            padding: 5px;            border:1px solid red;        }        nav ul{            list-style-type: none;        }        nav ul li{            float:left;            width:100px;            cursor: pointer;        }        .contents{            margin:15px;            padding: 20px;            font-size: 18px;            clear: both;        }       点击下面的标题,可以切换到相应的数据.
                  首页的数据1          第一个数据          第二个数据

      
查看更多关于请教大神，怎么实现商品分类功能_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did106608