0

我正在尝试制作一个其中包含随机生成的单词的页面，以响应方式运行。

<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 区域内放置在每个用户的屏幕尺寸内。（响应）

4

1 回答 1

0

所以我认为你的一切都是对的。你似乎忘记创建一个用相对 div 包裹其他两个 div 的 div。用按钮检查这个小提琴示例

    <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-12T21:59:41.870 回答