ScrollerJS, 在你的网络应用程序中,要嵌入一个数字scroller模块 http

分享于 

3分钟阅读

GitHub

  繁體 雙語
A number scroller module to be embedded in your web apps
  • 源代码名称:ScrollerJS
  • 源代码网址:http://www.github.com/sonic0002/ScrollerJS
  • ScrollerJS源代码文档
  • ScrollerJS源代码下载
  • Git URL:
    git://www.github.com/sonic0002/ScrollerJS.git
    Git Clone代码到本地:
    git clone http://www.github.com/sonic0002/ScrollerJS
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/sonic0002/ScrollerJS
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    scroller

    在你的web应用程序中嵌入的数字 in MODULE。

    设置起来很容易

    使用 <脚本 type="文本/javascript"src=" scroller.js"> </脚本> 将 scroller.js 包含到你的网页中

    使用 callying Scroller.getNewInstance(props) var scroller=scroller。getNewInstance ( {: Scroller,direction,间隔:3000,间隔:200,宽度:80,separatortype: Scroller,separator: Scroller,separator: separator:"。",:"右"}); 创建一个Scroller实例

    --direction: 滚动 direction,当前支持的direction 为。 默认设置为
    --interval: 从开始到结束的时间间隔( 以毫秒为单位)。 默认值为 5秒
    --width: px in的scroller scroller width。 默认值为 400像素
    --amount: 每个数字滚动的数量,例如 0 -> 1,1-> 2,2-> 3。"。"。默认值为 250
    --separatorType: 要使用的separatorType,默认为无。 可能的值是 scroller。separator。[NONE|THOUSAND|TIME ]
    --separator: 分隔符的符号,例如","。 默认值为无分隔符
    --textAlign: scroller上的文本对齐方式。 它等效于 CSS text-align 属性。 默认为居中对齐
    --forceFallback: 强制使用DOM动画而不是CSS转换。 默认值为 false。
    你可以省略一个或者全部属性 上面。 如果未指定属性,则使用默认值

    将the附加到目标元素以显示 scroller scroller。 呼叫 scroller.appendTo(target) ;

    通过调用 scroller.start(number); 启动scroller这里数字是开始的起始编号,比如 100

    通过调用 scroller.scrollTo(number) 滚动到所需的数字;

    通过修改 scroller.css 文件可以修改by面板的样式。 scroller是每个数字的面板。 将添加更多的类。

    演示页面

    演示站点

    使用这里模块的网站

    PixelsTech: http://www.pixelstech.net

    为什么?

    1.非压缩版本只有 12KB,minitified版本只有 7 KB。 这意味着你将花费 LESS 获得更多的2. 它是兼容的。它已经在 Chrome 42.0,Firefox 37.0.2,IE 11,Safari 5.1.7,Opera 29.0上进行了测试。 3。它没有相关性。 它没有其他的JS框架可以工作。 4.更多- ( 等待你制作 itt。)

    我们欢迎拉请求来提高它的性能,并对更多人有利。


    WEB  HTTP  模块  滚动  number  Scroller  
    相关文章