0371-56789390

countUp插件:数字滚动变化,可以设置起始值和结束值

分类:插件代码    更新时间:2019-12-24    浏览次数:256    
countUp插件:数字滚动变化,可以设置起始值和结束值
插件描述:countUp.min.js是一个比较好用的juery插件,向下滚动时候,可以触发某个容器内数字进行滚动变化。

countUp.min.js是一个比较好用的juery插件,向下滚动时候,可以触发某个容器内数字进行滚动变化。

使用方法:

一、先要引入jquery插件,然后再引入countUp插件,例如:

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/countUp.min.js"></script>

二、想要调用的特效,进行实例化:

var demo = new CountUp("myTargetElement",0,1890,0,2.5,options);

三、在触发事件里开始滚动实例:

$(window).scroll(function(){

     if($(window).scrollTop()>=600){
         demo.start();
         demo2.start();
         demo3.start();
     }
});

注意事项:

要注意插件引入顺序和JS执行顺序问题。

更新时间:2019-12-24 15:00:55

使用提示:

小提示:如果是HTML5 / CSS3特效请使用高级浏览器查看,如:chrome,Firefox,IE9及以上版本浏览器!

版权声明:

站长爱素材网为非营利性站点,所有资源均是网上搜集或网友上传仅供学习参考之用,请勿用于商业用途,否则产生的一切后果将由您自己承担,本站将不对任何资源负法律责任。除部分原创作品外,本站不享有版权,如果侵犯了您的版权,请及时与我们联系1026593492@qq.com,我们将在24小时内删除。

Copyright © 2012-2020 www.zhanzhangai.com All Rights Reserved. 郑州永易搜计算机科技有限公司 版权所有    营业执照 豫ICP备14011598号-6  网站地图 | RSS订阅