1.   阿里云服务器1888元代金券领取
  2.   本网站所有源码包解压密码:www.youhutong.com
登录  帮助问答

Jquery人数统计数字翻页特效插件

小川 特效组件
郑重声明:
  本站发布的内容仅限用于学习和研究目的.请勿用于商业或非法用途,否则后果请用户自负,下载后请24小时内删除。 本站所有内容均不能保证其完整性,不提供任何技术支持,不能接受请勿购买或下载,如需完整程序,请去其官方购买正版使用。
查看演示   下载源码  
【温馨提示】源码包解压密码:www.youhutong.com

演示部分截图

111.jpg

资源描述

Jquery人数统计数字翻页特效插件,在固定时间内翻页到你想要显示的数字

使用教程:

1、引入jquery.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" />

2、添加一个html元素:

要显示几位数 就添加多少个 <div class="digit_set"></div>

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

<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>

3、在最后编写js代码:

参数说明:

min:起始数

max:终止数

time:总时间

len:几位数字(根据前面添加<div class="digit_set"></div>)

<script>
  $(document).ready(function(){
      $('.dataStatistics').dataStatistics({min:100,max:150,time:30000,len:6});
  });
</script>
 浏览器启用弹出窗口过滤功能,将无法跳转到下载页。在浏览器地址栏右边符号提示处点击允许就可以了!
查看演示   下载源码  
【温馨提示】源码包解压密码:www.youhutong.com

转载请注明来源地址:小川编程 » https://www.youhutong.com/index.php/article/index/777.html


  1、本站发布的内容仅限用于学习和研究目的.请勿用于商业或非法用途,下载后请24小时内删除。
  2、本站所有内容均不能保证其完整性,不能接受请勿购买或下载,如需完整程序,请去其官方购买正版使用
  3、本站联系方式Email:admin@youhutong.com ,收到邮件会第一时间处理。
  4、如侵犯到任何版权问题,请立即告知本站(立即在线告知),本站将及时删除并致以最深的歉意
( 0 )个小伙伴在吐槽
    登录帐号  如果已经登录请刷新! 发表我的评论
    表情