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;//避免页面跳转
            })
         })