建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JS数字滚动效果插件Odometer

来源:易助科技网浏览量:26收藏

简介


Odometer是一个使用JavaScript和CSS技术,制作出数字上下滑动的动画效果插件,,这个插件是轻量级的,压缩版本只有3kg,使用CSS3动画技术,所以运行起来非常的流畅。


JS数字滚动效果插件Odometer-示例图



使用


1. 引入odometer.js,如有需要还可以引入官方主题样式文件。


2. HTML


<div id="my_odometer" class="odometer">0</my_odometer>


3. 调用


<script>
  //滚动数字
  setTimeout(function(){
    my_odometer.innerHTML = 26004;  }, 500);
</script>



相关链接


github地址 : https://github.hubspot.com/odometer/

演示地址 : http://www.bootstrapmb.com/item/4092/preview