很帅的jquery滚动组件~~ jquery.vticker-min.js

这是看到 毕业设计之滚动新闻列表 特此发帖留念下~~

 

jquery.vticker-min.js 官方下载地址

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

 

 

这个是页面原码

<style>
    .news-container
    {
        height:270px;
        background:#222222;
        margin-top:5px;
        margin-bottom:5px;
        
    }
    .news-container ul li a
    {
        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 () {
            //滚动新闻条
            $('.news-container').vTicker({
                speed: 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="#">这是新闻标题1</a><br /></li>
    <li style="height:40px"><a href="#">新闻2</a><br /></li>
    <li style="height:40px"><a href="#">新闻3</a><br /></li>
    <li style="height:40px"><a href="#">新闻4</a><br /></li>
    <li style="height:40px"><a href="#">新闻5</a><br /></li>
</ul>
</div>

 

 

代码下载：

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