电子商务网站建设.pdfVIP

电子商务网站建设

仿淘宝商品详细页参加购物车效果

仿淘宝商品详细页参加购物车效果效果大家应该都知道如图

购买此商品可使用：100积分

X关闭

宝贝已成功添加到购物车!

购物车共有3种商品合计：¥570.00元

去购物车结算

购遇量：1¥110元立刻购买［宜放入购物车

实现方法：

goods,dwt页面ahref=*javascripaddToCart((Sgoods.goodsid),0,1)*img

src=*images/bnt_cat.gif*//a和默认的链接有点点区别大家比照添加

要显示的层添加到这个叶面的底部

，，，/=z，z，

divclass=cartSureid=cartSureBoxstyledisplaynone;

，,，/?,

divclass=btnXahref=javascriptonclick=closeTipBox0;关闭/aX/div

divclass=mcsgCon”

h3宝贝已成功添加到购物车！/h3

z，，，

div购物车共有spanid=ECS_G00DS_NLMBERX/span种商品合计：span

z，

id=ECS_GOODS_PRICEX/spanX/divbr

inputtype=imagesrc=*images/btn_pay.gif/，/

/div

/div

复制代码

我把样式也贴出来供大家参考

.cartSure{

positionabsolute;

left0;

top545px;

width405px;

height90px;

z-index999;

backgroundurl(imagcs/cartSurebg.gif)00no-repcat;

font-size12px;

)

.mesgCon{

floatleft;

backgroundurl(images/mesg.png)no-repeat18px9px;

color#666;

line-height21px;

padding000lOOpx;

width320px;

)

.mesgConh3{

floatleft;

width320px;

color#3331

font-size14px;

margin：-lpx06px;

heightauto;

line-height20px;

backgroundnone;

text-alignleft;

padding0;

font-weightbold;

)

.mesgConinput{floatleft;margin01Ipx00)

.mesgCondiv{floatleft;font-size13px}

.mesgCondiv