ScrollerJSJavaScript 数字滚动库
ScrollerJS 是 JavaScript 轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到 Web 应用中使用。
主要特性
-
轻量级,压缩后只有 12 KB
-
没有任何依赖和外部框架和库
-
跨浏览器兼容:Chrome 42.0, Firefox 37.0.2, IE 11, Safari 5.1.7, Opera 29.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);
评论
Jump.jsJavaScript 滚动库
Jump.js是极小的,现代化,无依赖的滚动库。在线演示:http://callmecavs.github.io/jump.js/ 支持的浏览器:Chrome24+Firefox23+Safari6.
Jump.jsJavaScript 滚动库
0
页面加载数字滚动
复制这段jQuery 代码,然后改下类名即可 <script> var b = 0; b = 10000000; $(".scrolltxt").each(function() { $(this).prop('Counter', 0).animate({ Counter: $(thi...
雪天web
0
AOS动画滚动库
AOS(Animateonscroll)是小型动画滚动库,可在页面滚动时给元素添加动画效果。CSS3驱动,效果类似于WOWJS。构建安装AOS使用 bowerbower install aos --s
AOS动画滚动库
0