产生数字变化的影响

时间:2011-08-12 10:30:50

标签: jquery html counter

我有一个这样的计数器:

<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是可见的,我甚至无法隐藏它,即使显示,“无”或其他喜欢它。关于如何做到这一点的任何帮助(或想法)?

1 个答案:

答案 0 :(得分:5)

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

来自http://damienhowley.wordpress.com/2009/06/29/jquery-number-ticker/

的草率复制粘贴

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