Handsome jquery rolling component ~~ Jquery. vticker-min.js

This is the rolling news list of graduation project. I would like to post this article ~~

 

Jquery. vticker-min.js official

Http://plugins.jquery.com/node/9690/release

 

 

This is the original page code

Code

 <Style>
. News-container
{
Height: 270px;
Background: #222222;
Margin-top: 5px;
Margin-bottom: 5px;

}
. News-container ul Li
{
Padding-bottom: 0px;
Font-size: 12px;
Height: 12px;
Color: white;
}
</Style>
<SCRIPT type = "text/JavaScript" src = "JS/jquery-1.3.2.min.js"> </SCRIPT>
<SCRIPT type = "text/JavaScript" src = "JS/jquery. vticker-min.js"> </SCRIPT>
<SCRIPT type = "text/JavaScript">
$ (Document). Ready (function (){
// Scroll the news bar
$ ('. News-iner'). vticker ({
Velocity: 500,
Pause: 3000,
Showitems: 3,
Animation: 'fade ',
Mousepause: false,
Height: 0,
Direction: 'up'
});
});
</SCRIPT>

<Div class = "news-container" style = "width: 260px; margin: auto;">
<Ul>
<Li style = "height: 40px"> <a href = "#"> This is News Title 1 </a> <br/> </LI>
<Li style = "height: 40px"> <a href = "#"> News 2 </a> <br/> </LI>
<Li style = "height: 40px"> <a href = "#"> News 3 </a> <br/> </LI>
<Li style = "height: 40px"> <a href = "#"> News 4 </a> <br/> </LI>
<Li style = "height: 40px"> <a href = "#"> News 5 </a> <br/> </LI>
</Ul>
</Div>

 

 

Download Code:

Http://files.cnblogs.com/pengpengsay/scrollNews.rar