jQuery多条件查询筛选插件

jQuery多条件查询筛选插件
 点击预览  点击下载

jQuery多条件查询筛选插件是一款仿淘宝购物的商品列表页面多条件查询筛选商品种类特效代码。

使用方法:

  1. <link rel="stylesheet" type="text/css" href="css/style.css"> 
  2. <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
  3. <script type="text/javascript" src="js/script.js"></script> 
  1. <ul class="select"> 
  2.         <li class="select-list"> 
  3.             <dl id="select1"> 
  4.                 <dt>上装:</dt> 
  5.                 <dd class="select-all selected"><a href="#">全部</a></dd> 
  6.                 <dd><a href="#">针织衫</a></dd> 
  7.                 <dd><a href="#">毛呢外套</a></dd> 
  8.                 <dd><a href="#">T恤</a></dd> 
  9.                 <dd><a href="#">羽绒服</a></dd> 
  10.                 <dd><a href="#">棉衣</a></dd> 
  11.                 <dd><a href="#">卫衣</a></dd> 
  12.                 <dd><a href="#">风衣</a></dd> 
  13.             </dl> 
  14.         </li> 
  15.         <li class="select-list"> 
  16.             <dl id="select2"> 
  17.                 <dt>裤装:</dt> 
  18.                 <dd class="select-all selected"><a href="#">全部</a></dd> 
  19.                 <dd><a href="#">牛仔裤</a></dd> 
  20.                 <dd><a href="#">小脚/铅笔裤</a></dd> 
  21.                 <dd><a href="#">休闲裤</a></dd> 
  22.                 <dd><a href="#">打底裤</a></dd> 
  23.                 <dd><a href="#">哈伦裤</a></dd> 
  24.             </dl> 
  25.         </li> 
  26.         <li class="select-list"> 
  27.             <dl id="select3"> 
  28.                 <dt>裙装:</dt> 
  29.                 <dd class="select-all selected"><a href="#">全部</a></dd> 
  30.                 <dd><a href="#">连衣裙</a></dd> 
  31.                 <dd><a href="#">半身裙</a></dd> 
  32.                 <dd><a href="#">长袖连衣裙</a></dd> 
  33.                 <dd><a href="#">中长款连衣裙</a></dd> 
  34.             </dl> 
  35.         </li> 
  36.         <li class="select-result"> 
  37.             <dl> 
  38.                 <dt>已选条件:</dt> 
  39.                 <dd class="select-no">暂时没有选择过滤条件</dd> 
  40.             </dl> 
  41.         </li> 
  42.     </ul> 

转载请注明:代码家园 » jQuery多条件查询筛选插件

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)