【问题标题】:Making an effect of number changing产生数字变化的效果
【发布时间】:2011-10-25 17:08:53
【问题描述】:

我有一个这样的计数器:

<ul>
    <li id="cenMill">0</li>
    <li id="decMill">0</li>
    <li id="uniMill">0</li>
    <li id="cen">3</li>
    <li id="dec">2</li>
    <li id="uni">1</li>
</ul>
    0 0 0 3 2 1

我的意图是让每个数字根据我给它的变量进行更改,也就是说,如果我添加 +1,那么只需将 id="uni" 从 1 更改为 2,但如果我给它 12,则更改受影响的两个等等。但是到目前为止我不知道如何开始这样做,这就是我所拥有的:

$('#uni').animate({
    marginTop: "-25px",
},200);

但这只会将 1 放在顶部,它不会从下方弹出“2”作为下一个数字,并且 1 是可见的,即使显示“无”或其他,我也无法隐藏它喜欢它。有关如何执行此操作的任何帮助(或想法)?

【问题讨论】:

  • 目前我只是让它运行,但目的是当事件发生时(php返回一个要添加的新数字)然后对所述数字求和并使其发生

标签: jquery html counter


【解决方案1】:

这可能与您想要实现的目标类似: Number ticker demo.

这是来自http://damienhowley.wordpress.com/2009/06/29/jquery-number-ticker/的仓促复制粘贴

即使您不能按原样使用它,它也应该为您提供一些关于如何创建自己的指南。祝你好运。

【讨论】:

    猜你喜欢
    • 2020-09-23
    • 1970-01-01
    • 1970-01-01
    • 2017-07-27
    • 1970-01-01
    • 2022-01-21
    • 2013-06-07
    • 2012-05-04
    • 1970-01-01
    相关资源
    最近更新 更多