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>万
更多效果请参考下载的源代码。