利用AjaxPro2实现商品属性选择源码(C#）

@charset "utf-8"; /* CSS reset*/ /*body { font-size:12px; font-family:"宋体", Verdana, Arial; line-height:150%; margin:0; padding:0; color:#222; background-repeat: repeat-x; background-position: 0 0; list-style-type:none; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img { margin:0; padding:0; } div { margin:0 auto; padding:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:12px; } q:before, q:after { content:''; } abbr, acronym { border:0; }*/ /*Css default*/ /*.fl { float:left; } .fr { float:right; } .tl { text-align:left; } .tc { text-align:center; } .tr { text-align:right; } .dis { display:block; } .undis{display:none} .inline { display:inline; } .none { display:none; } .hidden { display:none; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix { height:1%; } *+html .clearfix { height:1%; } a { color: #000; text-decoration:none; } a:hover { color: #d40000; text-decoration:underline; }*/ /*头部*/ /*.sidebar { float:left; width:246px; margin-top:10px; } .main { float:right; width:744px; margin-top:10px; height:auto; overflow:hidden; } */ /*头部结束*/ /*tools*/ /*.product-img img{padding:3px;border:3px solid #ccc;background-color:#f1f2f6}*/ /*.Price{font-size:12px;color:#999;text-decoration:line-through} .StorePrice{font-size:12px;color:#ff6600;font-weight:bold} #shopNum1SiteMap{color:#666} .pager{text-align:right; margin-bottom:10px; margin-right:10px;} .vote{padding:10px;} .buy{line-height:60px;height:60px;border-bottom:1px solid #e1e1e1;font-weight:bold;color:#2F75C6;padding-left:10px;}*/ /*bottom*/ /*.bnt_buynow,.bnt_addcart{background:url(../images/pb_but.png) no-repeat;} .bnt1{width:93px;height:30px;border:0; line-height:30px; cursor:pointer; color:#fff; font-weight:bold; background:url(../images/box03_but_03.gif) no-repeat;} .bnt_buynow{width:150px;height:37px;border:0; line-height:37px; cursor:pointer; color:#fff; font-weight:bold; background-position:0 0px;} .bnt_addcart{width:171px;height:37px;border:0; line-height:37px; cursor:pointer; color:#fff; font-weight:bold; background-position:-161px 0px; text-indent:-999em; margin-left:10px;} .bnt123{width:100px;height:26px;border:0; line-height:28px; cursor:pointer; color:#fff; font-weight:bold; background:url(../images/shoushuuo.png) no-repeat; margin-top:10px;} .bnt2{width:124px;height:28px;line-height:28px;text-align:center; cursor:pointer; color:#fff;font-weight:bold;font-size:16px;background:url(../images/login.png) no-repeat left top;border:0} .bnt3{width:93px;height:30px;border:0; line-height:30px; font-weight:bold; background:url(../images/box03_but_01.gif) no-repeat;color:#fff;} .bnt13{width:73px;height:24px;border:0; font-weight:bold; background:url(../images/shoushuuo.gif) no-repeat;color:#fff;} .bnt4{width:140px;height:38px;line-height:28px;text-align:center;color:#fff;font-weight:bold;font-size:16px;background:url(../images/producrt-coll.gif) no-repeat ;border:0} .shagncheng{width:86px;height:35px; position:relative;left:-308px;top:9px; line-height:30px;text-align:center;color:#fff;font-weight:bold;font-size:16px;background:url(../images/wany.gif) no-repeat ;border:0} .bidding{width:80px;height:70px; position:relative;left:-308px;top:9px; position:relative;left:20px; margin-top:-70px; line-height:70px;padding-left:10px;color:#D30000;font-weight:bold;font-size:15px;background:url(../images/bidding20_ico.png) no-repeat ;border:0} .daohang{height:29px; padding-left:10px; line-height:27px;color:#FFF; font-weight:bold;font-size:15px;background:url(../images/daohang123.jif) no-repeat ; width:702px; border:0} .bnt5{width:80px;height:25px;line-height:28px;text-align:center;color:#fff;font-weight:bold;font-size:14px;background:url(../images/bnt3-red.gif) no-repeat ;border:0; cursor:pointer;} .shagncheng123{ width:87px; text-align:center;color:#000; font-weight :bold;font-size:14px;background:url(../images/wany156.gif) no-repeat; height:27px; border:0} .shagncheng1234{ height:35px; margin-top:30px; width:87px; text-align:center;color:#000; font-weight :bold;font-size:14px;background:url(../images/wany1567.gif) no-repeat; height:27px; border:0} .shagncheng123 a{ color:#000000;} .pada a { padding:3px 10px; margin:0 5px; border:1px solid #D3D3D3; background-color:#eee;} .pada a:hover { background-color:#d40000; color:#fff;} .regist_input{width:120px;} .regist_input1{width:124px;} .comp{width:90px;height:20px;background:url(../images/comp.gif) no-repeat left top;border:0;line-height:20px;text-align:center;border:0} .more{text-align:center;color:#b00b02; float:right; display:block; width:60px; height:36px; line-height:36px; font-weight:normal; margin-right:4px;font-family:新宋体; font-size:12px;} .bBox h2 a:hover { color:#D40000;} /*body*/ /*body{} .warp,.header{width:950px;margin:0 auto}*/ /*meau*/ /*#meau{line-height:22px;height:22px;overflow:hidden;position:absolute;right:20px;background-color:#f1f2f6;border:1px solid #e1e1e1;padding:0 6px;text-align:center} #meau li{display:block;border-bottom:1px dashed #e1e1e1;line-height:25px; cursor:pointer;} .contact-us{padding:35px 10px 0 10px;background:url(../Images/contact-us1.gif) no-repeat left top;} .contact-us p{margin:6px} .contact-us-botmm{background:url(../Images/contact-us1.gif) no-repeat left bottom; height:20px;margin-bottom:6px;} .product-category-dl{font-size:14px;font-weight:bold;} .product-category-dl dt{height:28px;line-height:28px; padding-left:15px; color:#333; clear:both; background:url(../Images/arrow_001.gif) no-repeat left center;} .product-category-dl dt a{color:#4D4D4D;} .product-category-dl dd{ line-height:28px; font-size:12px; float:left; width:80px; height:28px; overflow:hidden; } .product-category-dl dd a:hover { color:#ff6600;} .product-category-dl dd a{color:#000; font-weight:normal;} .header #top-Nav{height:24px;line-height:24px;text-align:right;color:#999} .header #top-Nav a{color:#999} .header #logo-search {padding:10px 0} .header #logo-search #logo{float:left} .header #logo-search #search1{height:24px;line-height:24px;padding:3px;float:right;width:394px;text-align:center;background:url(../images/search.gif) no-repeat left top;} /**.header #nav {background:url(../Images/header.jpg) no-repeat left top;padding-top:137px;margin-bottom:10px;}**/ /*.header #nav ul {display:block;height:27px;line-height:27px; border-bottom:3px solid #d60000; margin-top} .header #nav li {line-height:30px;display:block;float:left; width:80px; height:30px; margin-right:5px;background:url(../Images/menu_li_03.gif) no-repeat; } .header #nav li.cur{background:url(../Images/menu_cur_03.gif) no-repeat; text-align:center;} .header #nav li a{font-weight:bold; color:#000; display:block; height:30px; line-height:30px; font-size:14px;} .header #nav li.cur a{color:#FFF;font-weight:bold; display:block; height:30px; line-height:30px; font-size:14px;} .aBox{border:1px solid #5c97ff;margin-bottom:6px; border-bottom:none;} .aBox11{border:1px solid #D3D3D3;margin-bottom:6px; border-top:none;} .aBox .content{padding:10px;} .aBox11 h2{background:url(../Images/store_bg.png) ;height:34px;line-height:34px;padding-left:10px;color:#707070;font-weight:bold; font-size:14px; } .aBox11 .content{padding:10px;} .aBox11 .content .cmt{ border-bottom:1px solid #E9E9E9; width:85.5%; padding:16px 10px; vertical-align:top;} .aBox11 .content .rate{max-width:100%; text-align:left; line-height:18px; margin-bottom:6px; overflow:hidden; word-wrap:break-word;} .aBox11 .con