我使用 jquery 為圖像制作動畫，以制作混合圖像，單擊時滾動不同部分。我想過這樣做$("#head").click(function () {        if (headclix < 9) {            $("#head").animate({                left: "-=367px"            }, 500);            headclix++;        } else {            $("#head").animate({                left: "0px"            }, 500);            headclix = 0;        }    });    $("#eyes").click(function () {        if (eyeclix < 9) {            $("#eyes").animate({                left: "-=367px"            }, 500);            eyeclix++;        } else {            $("#eyes").animate({                left: "0px"            }, 500);            eyeclix = 0;        }    });    $("#nose").click(function () {        if (noseclix < 9) {            $("#nose").animate({                left: "-=367px"            }, 500);            noseclix++;        } else {            $("#nose").animate({                left: "0px"            }, 500);            noseclix = 0;        }    });    $("#mouth").click(function () {        if (mouthclix < 9) {            $("#mouth").animate({                left: "-=367px"            }, 500);            mouthclix++;        } else {            $("#mouth").animate({                left: "0px"            }, 500);            mouthclix = 0;        }    });我希望有更好的方法我想我可以為班級和每個班級做一些事情，但不知道如何讓它發揮作用。需要將其設為點擊事件并跟蹤每個圖像部分$(".face").each(function (i) {        if (i < 9) {            $(".face").parent().animate({                left: "-=367px"            }, 500);            i++;        } else {            $(".face").parent().animate({                left: "0px"            }, 500);            i = 0;        }    });HTML：<div id="pic_box">                <div id="head" class="face"><img src="images/headsstrip.jpg"></div>                <div id="eyes" class="face"><img src="images/eyesstrip.jpg"></div>                <div id="nose" class="face"><img src="images/nosesstrip.jpg"></div>                <div id="mouth" class="face"><img src="images/mouthsstrip.jpg"></div>  </div>此鏈接中的圖像將使您了解該功能