文章标签

CSS 允许您在 Web 上创建动态布局和界面，但作为一种语言，它是静态的：一旦设置了值，就不能更改。 随机性的概念不在讨论范围之内。 在…中生成随机数。

假设我们想要不断随机化圆形的半径。 我们可以用 CSS 来模拟随机外观，但让我们用 JavaScript 来创建完全的伪随机数。

我们这里说的是 SVG，所以这是我们的基本圆形：…

前几天我偶然发现了一个有趣的问题。 我想用随机的animation-duration来动画化一个元素。…

$.fn.shuffleChildren = function() {
    $.each(this.get(), function(index, el) {
        var $el = $(el);
        var $find = $el.children();

        $find.sort(function() {
            return 0.5 - Math.random();
        });

        $el.empty();
        $find.appendTo($el);
    });
};

用法

$(".parent-element").shuffleChildren();

查看 CodePen
jQuery 洗牌函数 by Chris Coyier (@chriscoyier…