文章标签

假设您是一位设计师。酷。您被聘用来为会议做一些设计工作。各种各样的东西。网站。印刷日程表。房间的大海报。开场幻灯片。你想得到什么都可以。

所以你想出了一个……

假设我们想要持续随机化圆的半径。我们可以在 CSS 中模拟一种随机的外观，但让我们使用 JavaScript 创建完全伪随机数。

我们在这里谈论的是 SVG，所以这是我们的基本圆：…

$.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 洗牌函数 由 Chris Coyier (@chriscoyier…