jQuery数字百分比进度条加载动画特效

星云科技

1个月前发布

0610417

一款简单好看的jQuery数字百分比进度条加载动画特效，有进度条动画效果，又有数字动画效果，相当不错。

js代码<script type=\"text/javascript\">$(document).ready(function() {    var counter = 0;  var c = 0;  var i = setInterval(function(){      $(\".loading-page .counter h1\").html(c + \"%\");      $(\".loading-page .counter hr\").css(\"width\", c + \"%\");      //$(\".loading-page .counter\").css(\"background\", \"linear-gradient(to right, #f60d54 \"+ c + \"%,#0d0d0d \"+ c + \"%)\");    /*    $(\".loading-page .counter h1.color\").css(\"width\", c + \"%\");    */    counter++;    c++;          if(counter == 101) {        clearInterval(i);    }  }, 50);});</script>

图片[1]-jQuery数字百分比进度条加载动画特效-星云科技 adyun.org

------本页内容已结束，喜欢请分享------

本站代码模板仅供学习交流使用请勿商业运营,严禁使用星云adyun.org上的模板&源码从事违法,侵权等任何非法活动！

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1 本网站名称：星云科技
2 本站永久网址：https://adyun.org
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ953075000进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

网页代码
# jQuery特效

喜欢就支持一下吧