作者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