Welcome to Mouse Wheeling Ticker Website!

Posted on August 5th, 2010 by transoceanic.

Mouse Wheeling Ticker - ticker to scroll any content without much action which does not load the CPU and allows the mouse wheel to scroll. Enjoy :)

HOW TO USE IT

If you have content which is in the div or ul (such as a side scroller on the page), you can simply write the following code:

$("#runner").ticker(50, true, true);
or
$("#sidebar ul ul").ticker(30, true, true);

For control exist two functions:

//Stop runed scroller
$("#runner").tickerFreez();
$(".entry").tickerFreez();
and
//Run stoped scroller or encrease speed to runed scroller
$("#runner").tickerScroll();
$(".entry").tickerScroll();

PARAMETERS

$( selector ).ticker(speed, isMouseOverFreez, isAllowMouseWheeling)

speed - scrooling speed in ms, default 50 (optional)

isMouseOverFreez - true if you want stop scroll content on mouse over event (optional)

isAllowMouseWheeling - true if you want wheel content with mouse (optional)

Common Examples

//Default
$("#runner1").ticker();

“A paragraph enclosed in <blockquote></blockquote> HTML tags.”

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.

//Slowly
$("#runner2").ticker(100);

“A paragraph enclosed in <blockquote></blockquote> HTML tags.”

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.

//Freez OPTION
$("#runner3").ticker(40, true);

“A paragraph enclosed in <blockquote></blockquote> HTML tags.”

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.

//Freez & Mouse Wheeling OPTIONS
$("#runner4").ticker(40, true, true);

“A paragraph enclosed in <blockquote></blockquote> HTML tags.”

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.

A Header Three

Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh:

  • Pellentesque quis elit non lectus gravida blandit.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Phasellus nec erat sit amet nibh pellentesque congue.
  • Cras vitae metus aliquam risus pellentesque pharetra.
  • Maecenas vitae orci vitae tellus feugiat eleifend.