Question

我正在开发一个使用mapquest API的小项目。虽然地图上插入了所有引入的引脚，但我想把它放在我有一个＆＃34;虚拟地图＆＃34;它被显示为静态地图，并且具有将在随机点落在其上的引脚。这些别针只不过是一系列风格的div。我可以让他们在虚拟地图上移动，但我无法让他们各自拥有不同的位置。如何在不同的位置获得每一滴的div？另外，错开动画的最佳方式是什么，这样他们就不会立刻全部开火？我将小提琴放在一起并将其包含在下面。感谢您的任何意见。

jsfiddle.net/45geyrzx /

Answer 1

首先将所有div放在另一个div中，用这种方式设置：

<div id="holder" style="position:relative;">

此“持有人”块在整个网页上将有一个与其他内容相关的位置;如果你在它上面添加一些东西，该块将适当地向下移动。

然后，对于那个“持有者”所包含的每个div，请为它们设置如下样式：

<div id="div00" style="position:absolute; top='0px'; left='0px';">

此div项（注意2位数标识符允许总共100个div这样）将在“holder”div中具有绝对位置。如果由于在该块之外的某些页面编辑而移动了“持有者”，那么绝对定位的块内的所有内容都将随之移动，在位置方面保持同步。

关键是可以随机分配那些“顶部”和“左”值。在您的JavaScript代码中，您可以创建一个数组，如下所示：

var x,divarr=[]; //make sure divarr is global
for(x=0; x<100; x++) //do this inside an appropriate JavaScript function, just once
  divarr[x]=document.getElementById("div+((x<10)?"0"+x:x));

允许您以后访问每个div，以便您可以更改其“顶部”和“左侧”坐标：

divarr[14].style.top=37+"px";

这里我以37为例，但你可以指定任何你想要的随机整数。

将随机引脚丢弃到Dumby地图上

1 个答案: