jquery制作插件

(function($) {
    $.fn.simpleCarousel = function(options) {
        // 默认设置
        var settings = $.extend({
            interval: 3000,
            transitionDuration: 500
        }, options);

        return this.each(function() {
            var $carousel = $(this);
            var $items = $carousel.find('.carousel-item');
            var index = 0;

            function showItem(index) {
                $items.hide();
                $items.eq(index).fadeIn(settings.transitionDuration);
            }

            function nextItem() {
                index = (index + 1) % $items.length;
                showItem(index);
            }

            // 初始化显示第一个项目
            showItem(index);

            // 设置定时器自动切换
            setInterval(nextItem, settings.interval);
        });
    };
}(jQuery));

// 使用插件
$(document).ready(function() {
    $('.carousel').simpleCarousel({
        interval: 2000,
        transitionDuration: 1000
    });
});