Scrolling News Plugin Vticker

The Vticker is a very compact jQuery vertical scrolling plug-in that is only 2KB compressed. Vticker supports custom scrolling time, interval, number of displays, scrolling direction (up/down), container height, and so on, but it is a little "harsh" on the HTML structure-the container can only be UL labeled. But if you just need a vertical scrolling effect, vticker is still a good choice, after all, it's so small and convenient.

Using Method 1, introducing the file

1	<scriptsrc="js/jquery.min.js"></script>

2	<scriptsrc="js/jquery.vticker.js"></script>

2. HTML

01	<divclass="w3ci">

02

<ul>

03	<li>1、新闻标题</li>

04	<li>2、新闻标题</li>

05	<li>3、新闻标题</li>

06	<li>4、新闻标题</li>

07	<li>5、新闻标题</li>

08	<li>6、新闻标题</li>

09	<li>7、新闻标题</li>

10	<li>8、新闻标题</li>

11

</ul>

12

</div>

4. JavaScript

1	$(‘.w3ci‘).vTicker();

Using Method 1, introducing the file

1	<scriptsrc="js/jquery.min.js"></script>

2	<scriptsrc="js/jquery.vticker.js"></script>

2. HTML

01	<divclass="w3ci">

02

<ul>

03	<li>1、新闻标题</li>

04	<li>2、新闻标题</li>

05	<li>3、新闻标题</li>

06	<li>4、新闻标题</li>

07	<li>5、新闻标题</li>

08	<li>6、新闻标题</li>

09	<li>7、新闻标题</li>

10	<li>8、新闻标题</li>

11

</ul>

12

</div>

1$(function()   {2$ (' #scroller '). Vticker ({3SPEED: 500,//scrolling speed, in milliseconds. 4pause: 3000,//pause Time is the time, in milliseconds, to scroll one after the rest. 5SHOWITEMS: 10,//the number of bars to display the content. 6animation:  ' Fade ',//animation effect, default is fade, fade out. 7mousepause: true,//The default is true if the mouse moves to pause scrolling on the content. 8height: 235,//the height of the scrolled content. 9direction:  ' Up//The direction of scrolling, which defaults to up and down to scroll down. Ten     }); One});

View Code

Scrolling News Plugin Vticker