自定义插件 js

(function($) {
    $.fn.carousel = function(options) {
        var settings = $.extend({
            interval: 3000,
            pause: 'hover'
        }, options);

        return this.each(function() {
            var $carousel = $(this);
            var $slides = $carousel.find('.slide');
            var currentIndex = 0;

            function showSlide(index) {
                $slides.removeClass('active');
                $slides.eq(index).addClass('active');
            }

            function nextSlide() {
                currentIndex = (currentIndex + 1) % $slides.length;
                showSlide(currentIndex);
            }

            setInterval(nextSlide, settings.interval);

            if (settings.pause === 'hover') {
                $carousel.hover(function() {
                    clearInterval(intervalId);
                }, function() {
                    intervalId = setInterval(nextSlide, settings.interval);
                });
            }
        });
    };
}(jQuery));

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