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

    科技2024-04-13  83

    $(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");                 })

     

     

    Processed: 0.011, SQL: 8