在页面加载之间随机选择并将它们应用于div?

时间:2014-12-25 05:56:55

标签: css random figure

这可能吗?:在页面加载时,对于任何有<figure>类的.random,会随机为其图像分配一个元素float:left;float:right;

我已经设置了jsfiddle

非常感谢和圣诞节前夕/圣诞快乐!

2 个答案:

答案 0 :(得分:0)

是的,这是可能的。

function randomize() {
    var elts = document.querySelectorAll('figure.random');
    var array = Array.prototype.slice.call(elts);
    array.forEach(function(elt) {
        elt.style.float = Math.random() > 0.5 ? 'left' : 'right';
    });
}

在页面加载时运行它。

答案 1 :(得分:0)

演示 - http://jsfiddle.net/qc4kypvr/2/

$('.random').css("float", function () {
  var floats = ["left", "right"];
  var rand = Math.floor(Math.random() * floats.length);
  return floats[rand];
});