반응이 무작위로 생성 된 요소

무작위로 단어를 생성 한 페이지를 만들려고 노력하고 있습니다.반응이 무작위로 생성 된 요소

<head> 
<style type='text/css'> 

.box { 
    height: auto; 
    position: absolute; 
    width: auto; 
} 
</style> 
<script type='text/javascript'> 
function setDivPos() { 
    for (i=1; i<=2; i++) { 
    var x = Math.floor(Math.random()*1130); 
    var y = Math.floor(Math.random()*722); 
    document.getElementById('div'+i).style.left = x + 'px'; 
    document.getElementById('div'+i).style.top = y + 'px'; 
    } 
</head> 

<body onload='setDivPos();'> 
<div id='div1' class='box'>ARCHIVE</div> 
<div id='div2' class='box'>PERSPECTIVE</div> 
</div> 
</body>

전체 웹 사이트는이 알고리즘을 기반으로합니다. 이 무작위로 배치 된 객체를 1130x722 영역 내에서 어떻게 만들 수 있으며 각 사용자의 화면 크기 내에 배치 할 수 있습니다. (반응 형)

출처

2014-05-12 user3605228

질문이 필요합니다. – DeadlyChambers

더 구체적이라고 생각합니다. – user3605228

어떻게 setDivPos()를 호출합니까? div1과 div2라는 두 개의 요소가 있습니까? – DeadlyChambers

그래서 나는 당신이 모든 것이 맞았다 고 생각합니다. 그것은 상대 div로 다른 두 div 주위를 감싸는 div를 만드는 것을 잊어 버린 것처럼 보입니다. 이 바이올린을 확인하십시오 Example with a button

<head> 
    <style type='text/css'> 

.box { 
    height: auto; 
    position: absolute; 
    width: auto; 
} 
</style> 
<script type='text/javascript'> 
function setDivPos() { 
    for (i=1; i<=2; i++) { 
    var x = Math.floor(Math.random()*1130); 
    var y = Math.floor(Math.random()*722); 
    document.getElementById('div'+i).style.left = x + 'px'; 
    document.getElementById('div'+i).style.top = y + 'px'; 
    }} 
//Add this script ending tag and your closing bracket on the function 
</script> 
</head> 

<body onload='setDivPos();'> 
<div id='div1' class='box'>ARCHIVE</div> 
<div id='div2' class='box'>PERSPECTIVE</div> 
<!-- This is commented out, but you should probably just delete the div --> 
<!-- </div> --> 
</body>

출처

2014-05-12 21:59:41 DeadlyChambers

이것이 작동하는 방법이라고 확신합니까? 바이올린 프로그램에서 구성 요소는 컨테이너 div에 관계없이 수행 할 작업을 수행했습니다. 나는 또한 나의 것보다 큰 스크린을 가진 컴퓨터에서 시도했고 containg div를 사용하기 전에했던 일을 여전히했다. – user3605228

또한 onDomready는 무엇을합니까? 왼쪽 상단 부분에 단어를 모아 놓은 이후로 작동하지 않는다고 생각하지만, 나는 무엇을해야하는지 알고 싶어합니다. (나는 바이올린 대본에 따라 두 제안을 올바르게 사용했습니다) – user3605228

I 코드에 여분의 div가 있기 때문에 여분의 div를 넣으십시오. onDomready에 관한 한, 나는 그것에 대해 좀 더 분명히해야만했습니다. 나는 보통 JQuery를 사용하고 $ (document) .ready 내부에서 그 함수를 호출했을 것이다. 나는 바이올린으로 몸을 움켜 잡을 능력이 없다고 생각했기 때문에. 다른 방법으로 부하를 사용하는이 바이올린을 확인하십시오. http://jsfiddle.net/7Xkgz/2/ – DeadlyChambers

반응이 무작위로 생성 된 요소

답변

관련 문제