Welcome to Mouse Wheeling Ticker Website!
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.
