jQuery和PHP的：添加動畫

我創建有一個大的藍色按鈕，你點擊一個隨機數發生器。只要你點擊它，我就使用jquery和ajax來提交表單而不刷新頁面。我得到一個介於0到100之間的隨機數字。我所做的是用按照生成的數字替換按鈕的值。下面是我的代碼...jQuery和PHP的：添加動畫

$('form.roll').on('submit', function() { 
var that = $(this), 
    url = that.attr('action'), 
    type = that.attr('method'), 
    data = {}; 
that.find('[name]').each(function (index, value) { 
    var that = $(this), 
     name = that.attr('name'), 
     value = that.va(); 
    data[name] = value;     
}); 

$.ajax ({ 
    url: url, 
     type: type, 
     data: data, 
     success: function(response) { 
      $(function() { 
       $("#roll").val(response); 
      }); 
     } 
}); 
console.log(data); 
return false; 
});

，這裏是按鈕

<input type="submit" class="btn btn-primary btn-lg btn-block" id="roll" value="Roll Dice">

現在，這似乎工作，但它並不好看。我想爲它製作動畫。我想要做的是那種閃爍中，停留幾秒鐘，然後慢慢消失回「擲骰子」，喜歡這裏的動畫：（只需點擊超級用戶，並改變它，你會看到動畫。 http://vitalets.github.io/x-editable/demo.html

我要的是，如果是小於50，閃光燈是綠色的，而當它推出超過50的紅色。所顯示的數字是一樣的東西「29.67」。兩位數字，與

我也想補充加載GIF而被處理的PHP函數。

兩位小數，我希望這是有道理的，那你能幫助我。非常感謝您時間！

來源

2013-09-28 user2803036

jQuery UI提供高亮效果這可能符合你的需要：http://api.jqueryui.com/highlight-effect/。顏色是可定製的。

用法爲：

$("#number").effect('highlight', { color: 'red' });

我編了一個小提琴爲您的方案：http://jsfiddle.net/QG7hE/1/

來源

2013-09-28 02:50:38 fiddler

我曾嘗試這樣做，裏面的功能http://pastie.org/實現它在我的代碼8363179，它似乎不會工作。我已經安裝了jQuery UI的，並且不知道該怎麼辦:(另外，如果你不知道，我提交表單到PHP，生成數，然後將其發送回頁面作爲響應，這是我展示。 – user2803036

似乎沒什麼問題。從擲骰子的價值你有瀏覽器的控制檯任何錯誤？ – fiddler

我不是要被替換的按鈕，但替換的數目，有一些動畫...我會再次檢查，並讓你知道，如果有服務器錯誤... – user2803036

jQuery和PHP的：添加動畫

回答

相關問題