qinyi素材网
当前位置: 首页 > jQuery素材 > jQuery滚动数字
  时间: 2021-10-18   阅读:698

插件介绍

jQuery.Running.js是一款可以让数字,柱形图,饼形图跑起来的插件,支持滚动条响应。压缩后文件大小仅4k。

简要教程

jQuery.Running.js是一款可以让数字,柱形图,饼形图跑起来的插件,支持滚动条响应。压缩后文件大小仅4k。

使用方法

在html中引入css样式文件

<link rel="stylesheet" href="css/jquery.running.css">

在body底部调用jQuery类库和jQuery.Running.min.js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.running.js"></script>

启动插件$(container).running();

<script>
    $(function(){
    $('body').running();
    })
</script>

数字跑动场景的演示效果

数字跑动场景的html

<span class="animateNum" data-animatetarget="999.9">999.9</span>万

更多效果请参考下载的源代码。

上一篇: 下一篇: