使用jQuery为position创建随机css值

时间:2013-11-28 17:58:57

标签: javascript jquery css random margin

是否可以在-100和600之间创建随机数,以使用jQuery / Javascript作为CSS中元素的位置(margin-top,margin-left)值?

3 个答案:

答案 0 :(得分:2)

当然有可能,请使用Math.random

从MDN看这个例子:

// Returns a random integer between min and max
// Using Math.round() will give you a non-uniform distribution!
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min);
}

然后,您可以使用此函数为元素提供随机边距。

示例:

//Randomize the position of all your elements, identified by a specific class
//In case you have several items. Either, don't use the each()
$('.randomElement').each(function(){
    $(this).css({'marginTop' : getRandomInt(-100,600), 'marginTop' : getRandomInt(-100,600)});
});

答案 1 :(得分:0)

试试这个

var randomnumber = Math.floor(Math.random() * (maximum - minimum + 1)) + minimum;

答案 2 :(得分:0)

当然是。 您将需要使用random()函数http://www.w3schools.com/jsref/jsref_random.asp。 然后使用jQuery设置要更改的属性。 如下:

var rand = Math.floor(Math.random() * (max - min + 1) + min);
$("#someid").attr("margin-top",rand);