0

我正在创建一个随机数生成器，它有一个蓝色的大按钮，你可以点击它。一点击，我就使用jquery和ajax提交表单，不刷新页面。我得到一个介于 0 和 100 之间的随机数。我所做的是将按钮的值替换为生成的数字。这是我的代码...

$('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”。两位数，带两位小数。

我还想在处理 php 函数时添加加载 gif。

我希望这是有道理的，并且您可以帮助我。非常感谢您的时间！

4

1 回答 1

0

jQuery UI提供了可能符合您需要的突出显示效果：http: //api.jqueryui.com/highlight-effect/。颜色可定制。

用法是：

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

我为你的场景编了一个小提琴：http: //jsfiddle.net/QG7hE/1/

于 2013-09-28T02:50:38.650 回答