作者knives ()
看板Ajax
标题Re: [问题] 请问有办法这样做吗
时间Fri Jun 18 13:21:17 2010
※ 引述《knives ()》之铭言：
: 标题: [问题] 请问有办法这样做吗
: 时间: Fri Jun 18 10:14:57 2010
:
: 如果说我目前有一个 <div id="num">111</div>
: 这个栏位
: 我在我的网页用Ajax的方式，去做修改id=num的这个栏位的数字
: 比方说减少了30，我可以直接用$('#num').text(80);来修改，可是总觉得没有动感、灵活
: 有没有办法让里面的值的变化有动画的感觉阿
: 谢谢
:
: --
:
※ 发信站: 批踢踢实业坊(ptt.cc)
: ◆ From: 122.117.39.194
: → evernever:设 setTimeout 试试,每0.n秒小额减少, 看起来就像动画了 06/18 10:22
你说像这样吗
change_num(20);
function change_num(num)
{
//目前数字
var now_num = parseInt($('#num').text());
if( num > now_num )
{ //如果新数字大於目前数字
$('#num').text(now_num+1);
setTimeout("change_num("+num+")",100);
}
if( num < now_num )
{ //如果新数字小 於目前数字
$('#num').text(now_num-1);
setTimeout("change_num("+num+")",100);
}
}
不知道还可不可以再精简一点
: 推 tomin:最近用过jquery tools rangeinput 满动感的 你参考看看 06/18 11:17
: → knives:可是上面那个是要加一个scrollbar，我要的效果比方说原来是 06/18 12:37
: → knives:111 ， 我要让它增加/减少到某个数字 06/18 12:38
: → chrisQQ:就一楼的方法～ 06/18 12:56
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.117.39.194