Jquery实现了立体数字滚动条的效果。代码分为两部分,一部分是html结构,另一部分属于js代码段。请各位朋友参考。
1.html结构
div class='numberRun1'/div2,js
脚本类型=' text/JavaScript ' src=' http : js/digital _ over . js '/script//reference//这是一个用户定义的函数(需要在页面中调用)脚本digitalScroll函数digitalScroll(obj,n){ var numRun=$(obj)。numberAnimate({num:n,speed:2000,symbol: ',' });var nums=n;setInterval(function(){ NumRun . ReSETDATA(nums));},3000);var numWidth=$(obj)。宽度();$(obj)。查找('。mt-number-animate’)。css('width ',NumWidth);$(obj)。css('width ',' 100% ');$(obj)。查找('。mt-number-animate’)。css('margin ',' 0 auto ');} window . index digital scroll=function(){ digital scroll($(. numberrun 1 '),1160518);}/脚本!-这是在page-script $(function(){ indexditalscroll())中调用的方法;});/脚本3,图片案例
以上是jQuery增加三维数字滚动条效果的介绍,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!