【jQuery】カルーセルやマーキーのようなリストをスクロールするjQuery Scrollbox

jQuery ScrollboxはカルーセルやマーキーのようなHTML要素(テキスト、画像など)のリストをスクロールすることができる軽量のjQueryプラグイン。

jQuery

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

HTML

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

Initialization

$('#demo').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);
}
});

MITライセンス

 
jQuery Scrollbox

【jQuery】カルーセルやマーキーのようなリストをスクロールするjQuery Scrollbox

  • LATEST
  • RELATED
  • POPULAR