jquery实现立体式数字滚动条增加效果,代码分为两部分,一部分位html结构另一部分属于js代码段,需要的朋友参考下吧!
1、html结构
2、js
<script type="text/javascript"src="js/digital_over.js"></script>//引用 //这是自定义函数(需要在页面中进行调用) <script> //数字滚动 functiondigitalScroll(obj,n){ varnumRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","}); varnums = n; setInterval(function(){ numRun.resetData(nums); },3000); varnumWidth= $(obj).width(); $(obj).find(".mt-number-animate").css("width",numWidth); $(obj).css("width","100%"); $(obj).find(".mt-number-animate").css("margin","0 auto"); } window.indexdigitalScroll=function(){ digitalScroll($(".numberRun1"),1160518); } </script> <script> $(function(){ indexdigitalScroll(); }); </script>3、图片案例
原文链接:http://www.cnblogs.com/wuxibolgs329/archive/2016/12/20/6204675.html
如何使用jquery实现页面跳转_如何使用jQuery实现立体式数字滚动条增加效果的教程
http://m.bbyears.com/wangyezhizuo/116562.html
推荐访问: