ScrollerJS JavaScript 数字滚动库开源项目

我要开发同款
匿名用户2015年06月01日
151阅读

技术信息

开源地址
https://github.com/sonic0002/ScrollerJS
授权协议
MIT

作品详情

ScrollerJS是JavaScript轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到Web应用中使用。

主要特性

轻量级,压缩后只有12KB

没有任何依赖和外部框架和库

跨浏览器兼容:Chrome42.0,Firefox37.0.2,IE11,Safari5.1.7,Opera29.0

ScrollerJS支持CSS转换和DOM动态。

示例

HTML:

<div id="clock-pae"></div>

JavaScript:

var clockScroller=Scroller.getNewIstace({width:200,amout:40,iterval:600,separatorType:Scroller.SEPARATOR.TIME,separator:":"});clockScroller.appedTo(documet.getElemetById("clock-pae"));clockScroller.start("000000");setIterval(fuctio(){var ow=ew Date();var hours=ow.getHours();var miutes=ow.getMiutes();var secods=ow.getSecods();hours=(hours<10)?"0"+hours:hours+"";miutes=(miutes<10)?"0"+miutes:miutes+"";secods=(secods<10)?"0"+secods:secods+"";var timeStr=hours+miutes+secods;clockScroller.scrollTo(hours+miutes+secods);},1000);

功能介绍

ScrollerJS 是 JavaScript 轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到 Web 应用中使用。 主要特性 轻量级,压缩后只有 12 KB 没有任何依赖和外部框架和库 跨...

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论