ScrollerJS JavaScript 数字滚动库开源项目

我要开发同款
匿名用户2015年06月01日
46阅读
开发技术JavaScriptHTML/CSS
所属分类常用JavaScript包、Web应用开发
授权协议MIT

作品详情

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

主要特性

轻量级,压缩后只有12KB

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

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

ScrollerJS支持CSS转换和DOM动态。

示例

HTML:

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

JavaScript:

var clockScroller=Scroller.getNewInstance({width:200,amount:40,interval:600,separatorType:Scroller.SEPARATOR.TIME,separator:":"});clockScroller.appendTo(document.getElementById("clock-pane"));clockScroller.start("000000");setInterval(function(){var now=new Date();var hours=now.getHours();var minutes=now.getMinutes();var seconds=now.getSeconds();hours=(hours<10)?"0"+hours:hours+"";minutes=(minutes<10)?"0"+minutes:minutes+"";seconds=(seconds<10)?"0"+seconds:seconds+"";var timeStr=hours+minutes+seconds;clockScroller.scrollTo(hours+minutes+seconds);},1000);
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论