宝哥软件园

jQuery实现三维数字滚动条的增加效果

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

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增加三维数字滚动条效果的介绍,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+