<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {    
            $("#filter a").hover(
            function() {
                $(this).addClass("seling");
            },
            function() {
                $(this).removeClass("seling");
            }
        );          
            $("#filter dt+dd a").attr("class", "seled");                                     
            $("#filter a").click(function() {
                $(this).parents("dl").children("dd").each(function() {
                    $('a', this).removeClass("seled");
                });
                $(this).attr("class", "seled");
                alert(RetSelecteds()); 
            });
 
        });
        function RetSelecteds() {
            var result = "";
            $("#filter a[class='seled']").each(function() {
                result += $(this).html() + "\n";
            });
            return result;
        }  
</script>  

  <style type="text/css">  
        #filter  
        {  
            width:620px;  
            height:auto;  
            margin-left:auto;  
            margin-right:auto;  
            font-size:12px;  
        }  
          
        #filter dl  
        {  
            padding:0;  
            margin-top:0;  
            margin-bottom:0;  
            clear:both;  
            padding:4px 0;          
        }  
          
        #filter dt,dd  
        {  
            display:block;  
            float:left;  
            width:auto;  
            padding:0;  
            margin:3px 0;                     
        }  
          
        #filter dt  
        {  
            height:14px;  
            padding-bottom:4px;  
            font-weight:bold;  
            color:#333333;            
        }  
          
        #filter dd  
        {  
            color:#005AA0;  
            margin-right:8px;  
        }  
          
        #filter a  
        {  
            cursor:pointer;  
        }  
          
        .seling  
        {  
            background-color:#005AA0;  
            color:#FFFFFF;  
        }  
          
        .seled  
        {  
            background-color:#005AA0;  
            color:#FFFFFF;  
        }  
    </style>  
    </head>
<body  >
    <form id="form1" runat="server">
 
    <div id="filter">  
        <dl>  
            <dt>品牌：</dt>  
            <dd><div><a>全部</a></div></dd>  
            <dd><div><a>惠普(hp)</a></div></dd>  
            <dd><div><a>联想(Lenovo)</a></div></dd>  
            <dd><div><a>联想(ThinkPad)</a></div></dd>  
            <dd><div><a>宏基(acer)</a></div></dd>  
            <dd><div><a>华硕</a></div></dd>  
            <dd><div><a>戴尔</a></div></dd>  
            <dd><div><a>三星</a></div></dd>  
            <dd><div><a>索尼</a></div></dd>  
            <dd><div><a>东芝</a></div></dd>  
            <dd><div><a>Gateway</a></div></dd>  
            <dd><div><a>微星</a></div></dd>  
            <dd><div><a>海尔</a></div></dd>  
            <dd><div><a>清华同方</a></div></dd>  
            <dd><div><a>富士通</a></div></dd>  
            <dd><div><a>苹果(Apple)</a></div></dd>  
            <dd><div><a>神舟</a></div></dd>  
            <dd><div><a>方正</a></div></dd>  
            <dd><div><a>优雅</a></div></dd>  
        </dl>  
        <dl>  
            <dt>价格：</dt>  
            <dd><div><a>全部</a></div></dd>  
            <dd><div><a>1000-2999</a></div></dd>  
            <dd><div><a>3000-3499</a></div></dd>  
            <dd><div><a>3500-3999</a></div></dd>  
            <dd><div><a>4000-4499</a></div></dd>  
            <dd><div><a>4500-4999</a></div></dd>  
            <dd><div><a>5000-5999</a></div></dd>  
            <dd><div><a>6000-6999</a></div></dd>  
            <dd><div><a>7000-9999</a></div></dd>  
            <dd><div><a>10000以上</a></div></dd>  
        </dl>  
        <dl>  
            <dt>尺寸：</dt>  
            <dd><div><a>全部</a></div></dd>  
            <dd><div><a>8.9英寸及以下</a></div></dd>  
            <dd><div><a>11英寸</a></div></dd>  
            <dd><div><a>12英寸</a></div></dd>  
            <dd><div><a>13英寸</a></div></dd>  
            <dd><div><a>14英寸</a></div></dd>  
            <dd><div><a>15英寸</a></div></dd>  
            <dd><div><a>16英寸-17英寸</a></div></dd>  
        </dl>  
        <dl>  
            <dt>平台：</dt>  
            <dd><div><a>全部</a></div></dd>  
            <dd><div><a>AMD Brazos APU平台</a></div></dd>  
            <dd><div><a>Intel Sandy Bridge平台</a></div></dd>  
            <dd><div><a>Intel平台</a></div></dd>  
            <dd><div><a>AMD平台</a></div></dd>  
        </dl>  
        <dl>  
            <dt>显卡：</dt>  
            <dd><div><a>全部</a></div></dd>  
            <dd><div><a>独立显卡</a></div></dd>  
            <dd><div><a>集成显卡</a></div></dd>  
            <dd><div><a>核芯显卡</a></div></dd>              
        </dl>  
    </div> 
    </form> 
</body>  
</html>