jQuery数字自动增加滚动增加翻页动画效果
2016-06-24 14:11:35  By: dwtedx

jQuery数字翻转特效、可用于统计活动现场人数总合或者网站访问量总合相关场景、Demo是一款数字翻页的插件、是一款基于jQuery.dataStatistics插件实现的、总体效果非常不错、下面是Demo的效果图

jquery数字滚动效果


引入资源文件

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


HTML代码

<div class="tj_top"></div>
<div class="tj_tit"></div>

<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="tj_foot"></div>


JS代码

<script type="text/javascript">
$(document).ready(function(){
    $(´.dataStatistics´).dataStatistics({min:100,max:1500,time:30000,len:6});
});
</script>


jquery数字翻页效果下载链接: jquery数字滚动效果 密码: bbcw

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+