使用jQuery爲位置創建隨機css值

-2

是否有可能在-100和600之間創建隨機數，以用作CSS中使用jQuery/Javascript的元素的位置（margin-top，margin-left）值？使用jQuery爲位置創建隨機css值

2013-11-28 Kostsei

你不瞭解什麼？你問如何選擇一個隨機數？如何將一個隨機數乘以正確的範圍？如何設置CSS屬性？ – SLaks

使用Math.random – NEO

我不知道Javascript夠用了，我可以修改腳本，但是很少可以自己寫。我不知道是否有可能生成負數 'Math.floor（（Math.random（）* 10）+1）;' 我讀過幾個關於爲css生成隨機值的主題，但他們是關於顏色和一些其他非數字值，我無法弄清楚如何在我的情況下使用它。 – Kostsei

確定有可能，請使用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)}); 
});

來源

2013-11-28 18:01:13 Bigood

非常感謝！對不起，但我仍然不明白如何安排這一點，在我看來，這是一種正確的方式，但不夠明白，不能使它工作：http://jsfiddle.net/pWpAB/ 10/ – Kostsei

嘗試此

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

來源

2013-11-28 18:01:51 Dilantha

當然是。您將需要使用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);

來源

2013-11-28 18:03:26 sashanicolas

http://www.w3fools.com/ – vzwick

使用jQuery爲位置創建隨機css值

回答

相關問題