如何使用jquery实现页面跳转_如何使用jQuery实现立体式数字滚动条增加效果的教程

时间:2020-12-15  来源:jquery  阅读:

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

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新