2013-11-28 3 views
-2

jQuery/Javascript를 사용하여 CSS에서 요소의 위치 (여백 - 상단, 여백 - 좌측) 값으로 사용할 -100에서 600 사이의 난수를 만들 수 있습니까?jQuery로 위치에 대한 임의의 CSS 값 생성

+0

이해가 안 되니? 난수 선택 방법을 묻고 있습니까? 임의의 숫자에 올바른 범위를 곱하는 방법은 무엇입니까? CSS 속성을 설정하는 방법? – SLaks

+0

Math.random을 사용하십시오. – NEO

+0

자바 스크립트를 충분히 모르지만 스크립트를 수정할 수는 있지만 거의 쓸 수는 없습니다. 그리고 '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