服装商城项目-前端功能的实现

$(function() {
                    $(".color_change ul li img").click(function() {
                    var alt = $(this).attr("alt");
                    $(".color_change strong").text(alt);

                    var imgSrc = $(this).attr("src");
                    var strArray = imgSrc.split('.jpg');
                    var imgSrc_small = strArray[0] + "_one_small" + ".jpg";
                    var imgSrc_big = strArray[0] + "_one_big" + ".jpg";
                    $("#bigImg").attr({
                        "src": imgSrc_small,
                        "jqimg": imgSrc_big
                    });
                    $("#thickImg").attr("href", imgSrc_big);
                    if (alt == "粉绿") {
                        $(".imgList li:eq(2) img").hide();
                    } else {
                        $(".imgList li:eq(2) img").show();
                    }
                    $(".imgList li:eq(0) img").attr("src", strArray[0] + "_one.jpg");
                    $(".imgList li:eq(1) img").attr("src", strArray[0] + "_two.jpg");
                    $(".imgList li:eq(2) img").attr("src", strArray[0] + "_three.jpg");


                })