jquer总结

放大境效果

<script type="text/javascript">
    $(function(){
                    $(".jqzoom").jqueryzoom({
                        xzoom:300,
                        yzoom:300,
                        offset:10,
                    })
                })

 

衣服换色

$(function(){
        $(".color_change ul li img").click(function(){           
              var imgSrc = $(this).attr("src");
              var i = imgSrc.lastIndexOf(".");
              var unit = imgSrc.substring(i);
              imgSrc = imgSrc.substring(0,i);
              var imgSrc_small = imgSrc + "_one_small"+ unit;
              var imgSrc_big = imgSrc + "_one_big"+ unit;
              $("#bigImg").attr({"src": imgSrc_small ,"jqimg": imgSrc_big });
              $("#thickImg").attr("href", imgSrc_big);
              var alt = $(this).attr("alt");
              $(".color_change strong").text(alt);
              var url = imgSrc+".html";
              $(".pro_detail_left ul li img")
                    .empty()
                    .load(url);
        });
    });
    

购物车

$(function(){
            var $product = $(".pro_detail_right");
            $("#cart a").click(function(){
                var pro_name = $product.find("h4:first").text();
                var pro_size = $product.find(".pro_size strong").text();
                var pro_color =  $(".color_change strong").text();
                var pro_num = $product.find("#num_sort").val();
                var pro_price = $product.find(".pro_price span").text();
                var dialog = " 感谢您的购买。\n您购买的\n"+
                        "产品是:"+pro_name+";\n"+
                        "尺寸是:"+pro_size+";\n"+
                        "颜色是:"+pro_color+";\n"+
                        "数量是:"+pro_num+";\n"+
                        "总价是:"+pro_price +"元。";
                if( confirm(dialog) ){
                    alert("您已经下单!");
                }
                return false;//避免页面跳转
            })
         })

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值