countUp插件:数字滚动变化,可以设置起始值和结束值
分类:插件代码 更新时间:2019-12-24 浏览次数:256
插件描述: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小时内删除。
您可能喜欢的 / Like
热门下载 / Hot download