Newsticker plugin for jQuery.

• Lightweight
• Easy to customize
• Use CSS mixin to define the prefix of this newsticker component

• height: The height of this newsticker.
• speed: Animation time in milliseconds.
• interval: Time in milliseconds before next item is shown.
• move: Customed function for animation.

<div class="ui-newsticker">
  <ul class="ui-newsticker-list">
    <li class="ui-newsticker-item">
      That open was light...
    </li>
    <li class="ui-newsticker-item">
      That creature his bring...
    </li>
    <li class="ui-newsticker-item">
      And also. Firmament and Give....
    </li>
  </ul>
</div>

Include the css file.

<link rel="stylesheet" href="css/jquery.newsticker.min.css">

Or, use CSS mixin to define the prefix of this newsticker component. You can use any prefix string instead of "ui". "ui" is the default value.

@import "jquery.newsticker";
@include ui-newsticker-mixin(ui);

// start
$(function() {
  $('.ui-newsticker').newsticker();
});

• jQuery v.1.8.2+

Demo

Released under the MIT license.