求助:用css写类似淘宝购物车步骤条

html-css012

求助:用css写类似淘宝购物车步骤条,第1张

1、首先是计算一行的价格。这个功能在上篇博客里有提到,这里就不列举出来了。

2、遍历选中的几行,将每行的数值相加。

3、将值赋给总金额显示出来。当取消勾选或加减数量时,金额会相应改变。

firebug?

在CSS里搜 @font-face 就能找到字体【已上传tff格式,需要其他格式自行下载】

然后输入那个乱码一样的东西 

至于按钮本身

#detail .tb-key .tb-action .tb-btn-buy a {

    background: none repeat scroll 0 0 #ffe4d0

    border-color: #f0cab6

    color: #e5511d

}

#detail .tb-key .tb-action .tb-btn-add a, #detail .tb-key .tb-action .tb-btn-buy a, #detail .tb-key .tb-action .tb-btn-wait a {

    border-radius: 2px

    border-style: solid

    border-width: 1px

    cursor: pointer

    display: block

    font-size: 18px

    height: 39px

    line-height: 39px

    text-align: center

    width: 134px

}