jquery文本文字列表轮播切换特效插件

• code
• source

$(document).ready(function () {
        var carousel1Options = {
          auto: true,
          visible: 2,
          speed: 300,
          pause: true,
          mouseWheel: true,
          btnPrev: function () {
            return $(this).find('.prev');
          },
          btnNext: function () {
            return $(this).find('.next');
          },
        };

        var carousel2Options = {
          visible: 2,
          speed: 300,
          pause: true,
          btnGo: $('div.nav').find('button'),
        };

        var carousel3Options = {
          containerSelector: 'section',
          itemSelector: 'article',
          visible: 2,
          speed: 300,
          btnPrev: function () {
            return $(this).find('.prev');
          },
          btnNext: function () {
            return $(this).find('.next');
          },
        };

        var $slideshows = $('.slideshow');

        $slideshows.eq(0).jCarouselLite(carousel1Options);

        $('.pause').on('click', function () {
          $slideshows.eq(0).trigger('pauseCarousel');
        });
        $('.resume').on('click', function () {
          $slideshows.eq(0).trigger('resumeCarousel');
        });

        $slideshows.eq(1).jCarouselLite(carousel2Options);

        $slideshows.eq(2).jCarouselLite(carousel3Options);
});

$(document).ready(function () {
        var carousel1Options = {
          auto: true,
          visible: 2,
          speed: 300,
          pause: true,
          mouseWheel: true,
          btnPrev: function () {
            return $(this).find('.prev');
          },
          btnNext: function () {
            return $(this).find('.next');
          },
        };

        var carousel2Options = {
          visible: 2,
          speed: 300,
          pause: true,
          btnGo: $('div.nav').find('button'),
        };

        var carousel3Options = {
          containerSelector: 'section',
          itemSelector: 'article',
          visible: 2,
          speed: 300,
          btnPrev: function () {
            return $(this).find('.prev');
          },
          btnNext: function () {
            return $(this).find('.next');
          },
        };

        var $slideshows = $('.slideshow');

        $slideshows.eq(0).jCarouselLite(carousel1Options);

        $('.pause').on('click', function () {
          $slideshows.eq(0).trigger('pauseCarousel');
        });
        $('.resume').on('click', function () {
          $slideshows.eq(0).trigger('resumeCarousel');
        });

        $slideshows.eq(1).jCarouselLite(carousel2Options);

        $slideshows.eq(2).jCarouselLite(carousel3Options);
});