jquery 图片列表横向移动

[javascript]代码库

/*新款上市模块横向滚动*/
$(function () {
    var page = 1;
    var i = 4; //每版放4个图片
    var len = $(".prolist_content ul li").length;
    var page_count = Math.ceil(len / i); //只要不是整数，就往大的方向取最小的整数
    var none_unit_width = $(".prolist").width(); //获取框架内容的宽度,不带单位
    var $parent = $(".prolist_content");
    //向右 按钮
    $(".goRight").click(function () {
        if (!$parent.is(":animated")) {
            if (page == page_count) { //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
                $parent.animate({
                    left : 0
                }, 800); //通过改变left值，跳转到第一个版面
                page = 1;
            } else {
                $parent.animate({
                    left : '-=' + none_unit_width
                }, 800); //通过改变left值，达到每次换一个版面
                page++;
            }
        }
    });
    //往左 按钮
    $(".goLeft").click(function () {
        if (!$parent.is(":animated")) {
            if (page == 1) { //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
                $parent.animate({
                    left : '-=' + none_unit_width * (page_count - 1)
                }, 800); //通过改变left值，跳转到最后一个版面
                page = page_count;
            } else {
                $parent.animate({
                    left : '+=' + none_unit_width
                }, 800); //通过改变left值，达到每次换一个版面
                page--;
            }
        }
    });
});