一、效果圖
二、前端代碼
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><title>Jquery分類</title> <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script><style type="text/css"> .templinkactive { padding:5px; text-decoration:none; color:red; } .templink { cursor:pointer; padding:5px; text-decoration:none; } table{border:1px solid #ccc;} table tr{ height:35px;} </style><script type="text/javascript"> $(function () { //品牌 var alink01 = $("#linktype01").find("span"); alink01.click(function () { alink01.each(function () { $(this).removeClass("templinkactive").addClass("templink"); }); $(this).removeClass("templink").addClass("templinkactive"); $("#Brand").val($(this).attr("tag")); SetPara(); }); //價格 var alink02 = $("#linktype02").find("span"); alink02.click(function () { alink02.each(function () { $(this).removeClass("templinkactive").addClass("templink"); }); $(this).removeClass("templink").addClass("templinkactive"); $("#Price").val($(this).attr("tag")); SetPara(); }) //尺寸 var alink03 = $("#linktype03").find("span"); alink03.click(function () { alink03.each(function () { $(this).removeClass("templinkactive").addClass("templink"); }); $(this).removeClass("templink").addClass("templinkactive"); $("#Size").val($(this).attr("tag")); SetPara(); }); }); function SetPara() { var Brand = $("#Brand").val(); var Price = $("#Price").val(); var Size = $("#Size").val(); alert("1.php?Brand=" + Brand + "&Price=" + Price + "&Size=" + Size); // var keywords = $("#search").val(); // var skip_url = "http://" + window.location.hostname + window.location.pathname; // var url = skip_url + "?s=/admin/goods/goods_list/Brand/"+Brand+"/Price/"+Price+"/Size/"+Size; // window.location.href = url; // alert(url); }; </script><script type="text/javascript"> /*//TP框架-start $(function(){ var Brand = $("#Brand").val(); var Price = $("#Price").val(); var Size = $("#Size").val(); // alert(tag); if(Brand != ''){ $("#linktype01").find("span").removeClass("templinkactive").addClass("templink") $('span[tag="'+Brand+'"]').css('color','red'); } if(Price != ''){ $("#linktype02").find("span").removeClass("templinkactive").addClass("templink") $('span[tag="'+Price+'"]').css('color','red'); } if(Size != ''){ $("#linktype03").find("span").removeClass("templinkactive").addClass("templink") $('span[tag="'+Size+'"]').css('color','red'); } }); //TP框架-end*/</script></head> <body> <form id="form1" runat="server"> <div> <table> <tr id="linktype01"> <td style="width:100px"> <b>筆記本品牌</b> </td> <td> <span class='templinkactive' tag="0">不限</span> </td> <td> <span class='templink' tag="100101">聯想（Lenovo）</span> </td> <td> <span class='templink' tag="100102">宏亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品第七影院|
77777少妇光屁股久久一区|
日韩亚洲精品电影|
国产高清视频一区三区|
91精品国产免费久久久久久|
欧美专区在线观看|
国产精品国模在线|
中文字幕亚洲一区在线观看|
欧美日韩中文字幕日韩欧美|
韩国福利视频一区|
欧美亚洲视频在线看网址|
日韩中文字幕网|
国内精品视频久久|
日韩在线免费高清视频|
亚洲成人网av|
欧美在线观看网址综合|
伊人久久五月天|
亚洲欧美激情在线视频|
亚洲电影在线看|
26uuu亚洲伊人春色|
国产综合久久久久|
亚洲欧美精品suv|
亚洲欧美激情四射在线日|
欧美亚洲另类在线|
美女国内精品自产拍在线播放|
在线观看91久久久久久|
成人97在线观看视频|
亚洲人在线视频|
日韩成人av网|
国产精品美女久久久久av超清|
成人网在线视频|
亚洲视频在线视频|
少妇精69xxtheporn|
国产成人精品在线视频|
欧美日韩一区二区免费在线观看|
成人免费网站在线|
亚洲午夜未删减在线观看|
日本国产欧美一区二区三区|
亚洲天堂网在线观看|
成人黄色片网站|
美乳少妇欧美精品|
日韩欧美在线第一页|
欧美性猛交xxx|
中文字幕亚洲欧美|
久久亚洲欧美日韩精品专区|
欧美xxxx做受欧美|
欧美性黄网官网|
美女av一区二区三区|
欧美中文在线观看|
日本高清+成人网在线观看|
精品欧美一区二区三区|
成人黄色午夜影院|
欧美激情欧美激情|
91精品国产777在线观看|
最近的2019中文字幕免费一页|
国产精品精品视频一区二区三区|
亚洲色图欧美制服丝袜另类第一页|
亚洲国产一区二区三区在线观看|
91精品一区二区|
国产成人久久久精品一区|
亚洲欧美三级在线|
日韩成人在线免费观看|
国内精品400部情侣激情|
热99精品里视频精品|
久久久精品2019中文字幕神马|
xvideos成人免费中文版|
午夜精品一区二区三区在线播放|
精品在线小视频|
麻豆乱码国产一区二区三区|
欧洲成人免费aa|
亚洲国产精品高清久久久|
亚洲а∨天堂久久精品9966|
久久久精品一区二区|
精品久久久久久电影|
国产成人在线一区|
欧美激情一区二区三级高清视频|
亚洲欧美www|
亚洲一区二区国产|
日韩中文字幕亚洲|
日韩精品久久久久久福利|
亚洲码在线观看|
午夜精品国产精品大乳美女|
日韩中文字幕精品视频|
国产日产久久高清欧美一区|
国产精品高精视频免费|
91干在线观看|
丝袜亚洲欧美日韩综合|
日韩**中文字幕毛片|
亚洲色图校园春色|
日韩在线观看网站|
久久久久国产精品www|
精品一区二区三区四区在线|
国产精品国产亚洲伊人久久|
国产福利精品在线|
久久精品91久久久久久再现|
热久久99这里有精品|
亚洲欧美国产日韩中文字幕|
国产精品久久久亚洲|
国产午夜精品免费一区二区三区|
亚洲va久久久噜噜噜|
91国产视频在线播放|
久久久黄色av|
精品一区二区电影|
91精品国产高清久久久久久|
91综合免费在线|
亚洲免费视频网站|
国产视频亚洲精品|
91欧美精品成人综合在线观看|
91影视免费在线观看|
日韩av中文在线|
日韩在线观看免费|
亚洲精品ady|
精品国产一区二区在线|
日韩精品免费视频|
亚洲人成人99网站|
日韩在线视频一区|
欧美性猛交xxxx富婆弯腰|
国产免费观看久久黄|
国产成人福利夜色影视|
国产精品www网站|
国产成人拍精品视频午夜网站|
午夜剧场成人观在线视频免费观看|
亚洲伊人第一页|
欧美成人免费全部观看天天性色|
国产精品羞羞答答|
中文字幕亚洲情99在线|
久久久久久97|
亚洲精品不卡在线|
久久人人爽国产|
91在线国产电影|
亚洲午夜女主播在线直播|
午夜精品一区二区三区视频免费看|
综合激情国产一区|
久热精品视频在线观看一区|
日韩av在线看|
日韩成人av一区|
成人在线激情视频|
欧美黄色性视频|
国产69精品久久久久9999|
亚洲欧美另类自拍|
97在线看免费观看视频在线观看|
成人福利视频在线观看|
成人免费看吃奶视频网站|
国产伦精品一区二区三区精品视频|
色系列之999|
一本色道久久综合狠狠躁篇怎么玩|
91精品国产乱码久久久久久蜜臀|
欧美一级电影在线|
久久人91精品久久久久久不卡|
国产精品美腿一区在线看|
久久天天躁狠狠躁夜夜躁|
久久深夜福利免费观看|
国产精品久久久久久久久男|
亚洲免费电影一区|
亚洲成人精品视频|
欧美黑人视频一区|
日韩av在线不卡|
欧美俄罗斯乱妇|
国产精品久久久久久超碰|
久久精品国产亚洲一区二区|
美日韩精品免费观看视频|
国产精品久久久久免费a∨|
亚洲综合av影视|
日韩电影中文 亚洲精品乱码|