jQuery仿商城网站和信息网站多条件筛选插件_文字特效_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

jQuery仿商城网站和信息网站多条件筛选插件

来源：未知作者：大小：大小： 0KB 点击次数：发布时间：2014-03-17 13:41:16 去下载去预览

特效介绍

jQuery仿商城网站和信息网站多条件筛选插件。可以从品牌、价格、尺寸、平台、显卡五个条件中各选一个，组合成多条件进行详细的筛选。本插件只能实现表面效果，与数据库搭配使用需要应用动态语言。兼容IE6。

使用方法

1、在头部引入下面的css样式：

01<style type="text/css">  
02    #filter  
03    {
04        width:620px;  
05        height:auto;  
06        margin-left:auto;  
07        margin-right:auto;  
08        font-size:12px;  
09    }      
10    #filter dl  
11    {  
12        padding:0;  
13        margin-top:0;  
14        margin-bottom:0;  
15        clear:both;  
16        padding:4px 0;          
17    }      
18    #filter dt,dd  
19    {  
20        display:block;  
21        float:left;  
22        width:auto;  
23        padding:0;  
24        margin:3px 0;                     
25    }      
26    #filter dt  
27    {  
28        height:14px;  
29        padding-bottom:4px;  
30        font-weight:bold;  
31        color:#333333;            
32    }      
33    #filter dd  
34    {  
35        color:#005AA0;  
36        margin-right:8px;  
37    }      
38    #filter a  
39    {  
40        cursor:pointer;  
41    }      
42    .seling  
43    {  
44        background-color:#005AA0;  
45        color:#FFFFFF;  
46    }      
47    .seled  
48    {  
49        background-color:#005AA0;  
50        color:#FFFFFF;  
51    }
52</style>

2、把demo的index.html中的和之间的代码拷贝到您的html中。
3、当点击分类产品的时候会弹出结果框。这是为了方便调试。实际应用，请把js代码中的两处“alert(RetSelecteds()); //返回选中结果”删除。
4、当然，您的筛选条件可能不止这些，也可能不是这些，可以根据自己的条件进行修改。