阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.Scrollbox 中文API文档

      插件 jQuery.Scrollbox 中文API文档 https://github.com/wmh/jquery-scrollbox This package is abandoned and no longer maintained. The author suggests using the Owl Carousel 2 plugin instead.

      jQuery Scrollbox Build Status

      jQuery Scrollbox is a lightweight plugin that enables you to scroll a list of html elements (text, image, etc…) like a carousel slider or traditional marquee.

      Features

      • Simple and lightweight
      • Vertical and horizontal scroll
      • Auto play
      • Multiple instances on one page
      • Pause on hover over
      • Useful options to customize your list scrolling
      • Prev / Next navigation buttons
      • Queue container for advanced usages

      Basic Usage

      1. Include the latest jQuery library and jQuery Scrollbox Plugin on the page

      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <script src="jquery.scrollbox.js"></script>
      

      2. Create a list of text you want to scroll

      <div id="demo" class="scroll-text">
        <ul>
          <li>item 1</li>
          <li>item 2</li>
          <li>item 3</li>
        </ul>
      </div>
      

      3. Style html elements as below

      scrollbox elements diagram

      4. Initialization

      $('#demo').scrollbox();
      

      Demos

      __http://wmh.github.io/jquery-scrollbox/__

      More examples

      Non-infinite Loop

      $('#demo').scrollbox({
        infiniteLoop: false,
        switchAmount: 3
      });
      
      

      Callback functions

      $('#demo').scrollbox({
        afterForward: function (data) {
          console.log(data.currentFirstChild);
          if (data.switchCount >= 3) {
            this.trigger('backward');
          }
        },
        afterBackward: function (data) {
          console.log(data);
        }
      });
      
      

      License

      jQuery Scrollbox is open-sourced software licensed under the MIT license

      目录
      目录