Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

news scroller


Auto Scroller

Submitted by exiang on August 28, 2009 - 3:24am

Auto Scroller is a plugin for jQuery that transforms a given content into a vertical news scrolling type of effect with controllable speed.
Scrolling automatically pause on mouse over and resume on mouse out.
Unobstructive design and fallback gracefully when javascript is disabled.

  • Version: 1.0
  • Last Updated: 2009 Aug 28
  • Dependency:
    1. jquery-1.3.2.js (included)
    2. jquery.timers.js (included)
  • Tested and runs on:
    • IE 6,7,8
    • Firefox 3.x
    • Safari 4.x
    • Opera 9.x
    • Google Chrome 2.x
  • Author: Yee Siang

Vertical news ticker

Submitted by kasp3r on August 12, 2009 - 4:12am

I have made this plugin for easy and simple vertical news automatic scrolling.
This plugin will calculate height automaticaly, so no styling needed (added an option to set height manually). Just grab it and use it.
Don't add margin/padding on ul and li tags, try to style elements inside li or around div tag.
This is my first jquery plugin, so if you see something wrong please don't hesitate and say it to me.

Html structure looks like:

<div class='myclass'>
   <ul>
      <li>some content</li>
      <li>some content</li>
      ...
   </ul>
</div>

Javascript code:

$('.myclass').vTicker();

There is also few option:

speed - speed of scrolling animation (default 700)
pause - wait time between scrolling (default 4000)
showItems - how many items to show (default 2)
animation - animation of sliding. To fade in/fade out use a value 'fade'