评论:数字递加效果  [查看原文]

所属分类:UI-加载

 50743  432  50
当前第2页 / 共2页
    MIUGAYIU0
    2016/11/18 17:11:13
    请问怎么接入后台数据?
        驊驊♂龔頾1
        2016/11/22 11:11:47
        <h2 class="timer count-title" id="count-number" data-from="100" data-to="300" data-speed="1500"></h2>

        把后台返回的数据放到data-formdata-to里面就行了

        梅林栖燕0
        2017/11/1 14:18:39

        能详细写一下吗啊,还是不太会用

    回复
    (*^__^*) 嘻嘻…!ing幸福0
    2016/10/24 17:10:44
    js不太会,想问下,这个好像是页面一开始就执行了,可以设置页面滚动到相应位置的时候才执行吗
        ┓雨・寂┗ 3
        2016/12/13 9:12:55

        最后的遍历$(".timer")换成下面的就好了

        var wrapTop = $(".wrapper").offset().top;
        var istrue = true;
        $(window).on("scroll",
        function() {
        	var s = $(window).scrollTop();
        	if (s > wrapTop - 500 && istrue) {
        		$(".timer").each(count);
        		function count(a) {
        			var b = $(this);
        			a = $.extend({},
        			a || {},
        			b.data("countToOptions") || {});
        			b.countTo(a)
        		};
        		istrue = false;
        	};
        })
        曲终人散0
        2018/4/13 16:06:31
        我设置了不行 不知道为什么 还是一开始就执行了
    回复
    冲冲冲0
    2016/10/21 16:10:40
    小数点后两位怎么去掉
        驊驊♂龔頾0
        2016/10/21 17:10:00
        这样的地方用parseInt转换成整型的就行了
        驊驊♂龔頾0
        2016/10/21 17:10:06
        截图没传上来,index.js文件里面的 b.toFixed(2)换成parseInt(b)
        驊驊♂龔頾1
        2016/10/21 17:10:37
        index.js的第59行和63行,改成return b或者是return parseInt(b);
    回复
    ......0
    2015/11/18 16:11:39

    用js怎么控制数字从什么时候才开始 进行递加呢

        驊驊♂龔頾2
        2016/2/24 17:02:17

        可以的,一看你就没有仔细看js代码,你只需要在html中添加data-from="想要开始的值",就可以了。比如下面的是从100加到300,速度是1500

        <h2 class="timer count-title" id="count-number" data-from="100" data-to="300" data-speed="1500"></h2>
    回复
    浮沉杯酒0
    2015/11/4 17:11:21

    楼主,这个插件有没有从某个数字进行递加的 


        驊驊♂龔頾0
        2016/2/24 17:02:06

        可以的,一看你就没有仔细看js代码,你只需要在html中添加data-from="想要开始的值",就可以了。比如下面的是从100加到300,速度是1500

        <h2 class="timer count-title" id="count-number" data-from="100" data-to="300" data-speed="1500"></h2>
    回复
    vigorSmith0
    2015/5/16 15:05:25
    KeithOrbit0
    2015/5/7 17:47:41
    超赞,谢谢楼主分享 回复

讨论这个项目(50)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复