2013-11-28 1 views
-2

Можно ли создавать случайные числа от -100 до 600, чтобы использовать в качестве позиции (крайний верхний, левый) значения для элемента в CSS с помощью jQuery/Javascript?Создать случайные значения css для позиции с jQuery

+0

Что вы не понимаете? Вы спрашиваете, как выбрать случайное число? Как умножить случайное число на правильный диапазон? Как установить свойства CSS? – SLaks

+0

Использовать Math.random – NEO

+0

Я не знаю Javascript достаточно, я могу изменить скрипт, но редко могу написать свой собственный. И я не знаю, можно ли генерировать отрицательные числа с помощью 'Math.floor ((Math.random() * 10) +1);' Я читал несколько тем о генерации случайных значений для css, но они были о цветах и ​​некоторых других нецифровых значениях, и я не могу понять, как это использовать в моем случае. – Kostsei

ответ

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)}); 
}); 
+0

Большое спасибо! Извините, но я до сих пор не понимаю, как это устроить, мне кажется, что это правильный путь, но недостаточно понимайте его и не можете заставить его работать: http://jsfiddle.net/pWpAB/ 10/ – Kostsei

0

Попробуйте

var randomnumber = Math.floor(Math.random() * (maximum - minimum + 1)) + minimum; 
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); 
+2

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

Смежные вопросы