Jquery 和 phP:添加动画

Jquery and PhP: Adding Animations

本文关键字：添加 动画 phP Jquery      更新时间：2023-09-26

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

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

jQuery UI 提供了一个可能符合你需求的 Highlight 效果：http://api.jqueryui.com/highlight-effect/。颜色是可定制的。

用法是：

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

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

相关文章：