• 很帅的jquery滚动组件~~ jquery.vtickermin.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=" 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

    ---------------------------------------------
    生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
    ↑面的话,越看越不痛快,应该这么说:

    生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
  • 相关阅读:
    JAVA泛类型(汽车Demo)
    java自定义事件机制分析
    ExtJS自定义事件
    模块化设计进化
    面向服务的SOA架构与服务总线ESB
    数据加密数字签名
    面试题
    一点ExtJS开发的感悟
    学习代理模式
    抽象类与接口
  • 原文地址:https://www.cnblogs.com/pengchenggang/p/1759944.html
Copyright © 2020-2023  润新知