zoukankan      html  css  js  c++  java
  • [转]jquery.vTicker(垂直滚动)

    转至:http://www.w3ci.com/plugin/660.html

    简介

    vTicker 是一款非常小巧的 jQuery 垂直滚动插件,压缩后只有 2KB。vTicker 支持自定义滚动时间、间隔时间、显示个数、滚动方向(向上/向下)、容器高度等等,但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签。不过如果你仅仅是需要一个垂直滚动效果的话,vTicker 仍然是一个很好的选择,毕竟它是如此的小巧方便。

    浏览器兼容

    使用方法

    1、引入文件


    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.vticker.js"></script>
    2、HTML


    <div class="w3ci">

    <ul>

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

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

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

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

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

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

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

    </ul>

    </div>
    3、JavaScript

    $('.w3ci').vTicker();
    配置

    属性/方法 类型 默认值 说明
    speed 整数 700 每次滚动持续时间,单位为毫秒
    pause 整数 4000 滚动间隔,单位为毫秒
    showItems 整数 3 显示多少行
    animation 字符串 ” 滚动动画,默认为空,可选 ‘fade’,既滚动时首位淡入淡出
    mousePause 布尔值 true 鼠标悬停是否停止滚动
    isPaused 布尔值 false 默认是否暂停
    direction 字符串 ‘up’ 滚动方向,可选 ‘up’ / ‘down’
    height 整数 0 容器高度,默认为 0,即根据 showItems 个数自动计算

  • 相关阅读:
    第三次作业
    第二次作业
    第一次作业 2017.09.15
    WIN10共享
    当人类什么时候明白两点一线不是最近的距离的时候就是深入太空的时候
    世界的秘密:人族
    世界组成:世界如何演变
    用上了360免费云盘
    世界真相(内容偕为虚构,不用当真)
    找到一个新的超好用的U盘启动制作工具了
  • 原文地址:https://www.cnblogs.com/luoxiaolei/p/5177505.html
Copyright © 2011-2022 走看看