jQuery制作淘宝商城商品列表多条件查询功能
Posted 林加欣
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery制作淘宝商城商品列表多条件查询功能相关的知识,希望对你有一定的参考价值。
一、介绍
这几天做网站的时候,突然用到这个功能,找了好久也没有找到。看到”希伟素材网“有这么一个JS,效果很不错,也正是我一直以来想要的结果。附图如下:
二:使用教程
1、html代码:
<ul class="select">
<li class="select-list">
<dl id="select1">
<dt>上装:</dt>
<dd class="select-all selected"><a href="#">全部</a></dd>
<dd><a href="#">针织衫</a></dd>
<dd><a href="#">毛呢外套</a></dd>
<dd><a href="#">T恤</a></dd>
<dd><a href="#">羽绒服</a></dd>
<dd><a href="#">棉衣</a></dd>
<dd><a href="#">卫衣</a></dd>
<dd><a href="#">风衣</a></dd>
</dl>
</li>
<li class="select-list">
<dl id="select2">
<dt>裤装:</dt>
<dd class="select-all selected"><a href="#">全部</a></dd>
<dd><a href="#">牛仔裤</a></dd>
<dd><a href="#">小脚/铅笔裤</a></dd>
<dd><a href="#">休闲裤</a></dd>
<dd><a href="#">打底裤</a></dd>
<dd><a href="#">哈伦裤</a></dd>
</dl>
</li>
<li class="select-list">
<dl id="select3">
<dt>裙装:</dt>
<dd class="select-all selected"><a href="#">全部</a></dd>
<dd><a href="#">连衣裙</a></dd>
<dd><a href="#">半身裙</a></dd>
<dd><a href