html商品列表样式,简单的商品列表页选择切换js及样式介绍

_fliterShowNum = 3;

您已选择：

{$catname}

href="category.php?id={$current_cat_pr_id}">

{if $smarty.foreach.name.first}

function tiaozhuan_brand(){

this.location.href='{$brand.url}';

}

{/if}

{if $brand.selected}{if $brand.brand_name neq "全部"}

{$brand.brand_name}

style="cursor:hand" οnclick="tiaozhuan_brand()">

{/if}

{if

$smarty.foreach.name.first}

function tiaozhuan_price(){

this.location.href='{$grade.url}';

}

{/if}

{if $grade.price_range neq "全部"}{$grade.price_range}

style="cursor:hand"

οnclick="tiaozhuan_price()">

{/if}

{if $smarty.foreach.name1.first}

function tiaozhuan_attr{$smarty.foreach.name.iteration}_1(){

this.location.href='{$attr.url}';

}

{/if}

{if $attr.attr_value neq "全部"}{$attr.attr_value}

style="cursor:hand" οnclick="tiaozhuan_attr{$smarty.foreach.name.iteration}_1()">

{/if}

/* S商品列表选择css样式*/

.filter_table {

width: 100%;

background-color:#FFFFFF;

}

.filter_table td {

padding-top: 7px;

padding-bottom: 7px;

}

.lable {

width: 100px;

vertical-align: middle;

text-align: right;

color: #333;

font-weight: bold;

}

.scat {

padding-left: 20px;

padding-right: 10px;

}

.selected .scat span {

display: inline-block;

height: 19px;

line-height: 19px;

padding:1px;

*padding:0px;

padding-left: 5px;

*padding-bottom:2px;

_padding:3px 5px 0px;

border: 1px solid #f6406d;

}

.selected .scat span em{

_height:14px;

_line-height:14px;

_zoom:1;

}

.selected .scat span a {

display: inline-block;

margin:3px;

*margin:4px;

_margin:0px;

_margin-top:2px;

width: 13px;

height: 13px;

line-height:13px;

overflow:hidden;

color: #fff;

background: #f6406d url(../images/bg03.png) no-repeat;

text-align: center;

margin-left: 4px;

vertical-align:top;

}

.selected .scat span a:hover {

color: #fff!important;

text-decoration: none

}

/* E商品列表选择css样式*/