HTML5技术

jQuery立体式数字滚动条增加 - 以茜为贵

字号+ 作者:H5之家 来源:H5之家 2016-12-22 17:00 我要评论( )

1、html结构 2、js script type="text/javascript" src="js/digital_over.js" /script//引用 // 这是自定义函数(需要在页面中进行调用) script digitalScroll(obj,n){ var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:"," }); var nums = n

1、html结构

2、js

<script type="text/javascript" src="js/digital_over.js" ></script>//引用 //这是自定义函数(需要在页面中进行调用) <script> digitalScroll(obj,n){ var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","}); var nums = n; setInterval(function(){ numRun.resetData(nums); },3000); var numWidth= $(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、图片案例

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 与 CSS3 jQuery部分知识总结 - 细数逝去的过往

    HTML5 与 CSS3 jQuery部分知识总结 - 细数逝去的过往

    2016-12-12 15:00

  • html5+jqueryMobile编写App推广注册页 - L-H

    html5+jqueryMobile编写App推广注册页 - L-H

    2016-11-08 10:00

  • jQuery-H5-css3转盘抽奖-遁地龙卷风 - 遁地龙卷风

    jQuery-H5-css3转盘抽奖-遁地龙卷风 - 遁地龙卷风

    2016-10-03 11:00

  • 功能齐全并且比较时髦的Jquery通用开源框架之【ejq.js】 - 孙凯旋

    功能齐全并且比较时髦的Jquery通用开源框架之【ejq.js】 - 孙凯旋

    2016-08-04 18:00

网友点评
j