jquery_dataStatistics动态数字翻页特效插件

 查看演示  website  立即下载

使用方法

包括dataStatistics和jQuery添加到你的网站

<script src='js/jquery.js'></script>
<script src="js/jquery.dataStatistics.js"></script>
<link rel="stylesheet" href="style/style.css" media="screen" type="text/css" />

添加一个html元素

<div class="dataStatistics">
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set"></div>
  <div class="digit_set set_last"></div>
</div>

要显示几位数 就添加多少个 

<div class="digit_set"></div>

并在最后一个 添加set_last 样式名

添加此代码在结尾

<script>
  $(document).ready(function(){
      $('.dataStatistics').dataStatistics({min:100,max:150,time:30000,len:6});
  });
</script>

参数

• min：起始数

• max：终止数

• time：总时间

• len：几位数字（根据前面添加<div class="digit_set"></div>）

PREVIOUS:
NEXT:
3D立体环形进度图表
瀑布流相册可点击放大（适应手机移动端）