zoukankan      html  css  js  c++  java
  • marquee.js jQuery 多功能无缝滚动插件

    (点击查看原文地址)

    这个基于 jQuery 的多功能无缝滚动插件是我在几个月之前就写好的,只是碍于时间没有把插件公开出来,近段时间,这个插件陆续在公司的几个项目中得到应用,尝试效果还算不错,期间也修复了一些 bug,自我感觉这个插件在功能上已经比较成熟,现在就分享给大家。

    首先,来说明一下,这个“多功能”无缝滚动插件,到底怎么“多功能”?marquee.js 插件一共提供了 13 个可选的配置参数,是我所能想到的一般无缝滚动所可能涉及到的多样化了。简单来看一下这些参数有:

    auto {boolean} 是否自动滚动
    interval {number} 间隔时间(毫秒)
    speed {number} 移动速度(毫秒)
    prevBtnId {string} 向前滚按钮 id
    nextBtnId {string} 向后滚按钮 id
    pauseBtnId {string} 暂停按钮 id
    resumeBtnId {string} 继续按钮 id
    showNum {number} 显示个数
    stepLen {number} 每次滚动步长
    type {string} 水平滚动 - horizontal / 垂直滚动 - vertical
    direction {string} 向前 -  forward / 向后 - backward
    afterMove {function} 每次移动后回调
    beforeMove {function} 每次移动前回调

    你一定迫不及待地想看效果了吧,我只做了一个简单的 DEMO,但是基本能涵盖这个插件的所有功能了。更多参数组合可以达到更多 DEMO 中所没有的效果。

    我把 marquee.js - jQuery 多功能无缝滚动插件提交到了 github 上,有兴趣的朋友可以前往下载最新版的 marquee.js,或者根据自己的实际需要,修改、扩展这个插件也是 OK 的,欢迎 fork。

    最后,也希望朋友们在使用该插件后提出宝贵意见和建议。

  • 相关阅读:
    javascript中this使用规律
    call和apply的作用和不同
    SVN的标准目录结构:trunk、branches、tags
    SVN 多人修改,如何管理 关于版本的问题
    公司考勤系统项目设计
    CDI Features
    Java Design Pattern
    公司考勤系统设计文件
    spring( history Design Philosophy )
    JSON/xml
  • 原文地址:https://www.cnblogs.com/liuu/p/3093036.html
Copyright © 2011-2022 走看看