Question

我正在创建一个随机数生成器，它有一个很大的蓝色按钮，您可以单击它。一旦你点击它，我使用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。

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

Answer 1

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

用法是：

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

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

Jquery和PhP：添加动画

1 个答案: