在同一个div内移动不同的对象

时间:2011-11-11 21:46:38

标签: javascript

我有一个内部有多个对象的div,图像,字母等。 我该如何单独移动它们?现在,当我将offset()应用于类时,它们只是朝着相同的方向移动。

和另一个问题,你如何写一个循环,以便你可以在同一个div中有任意数量的项目?

谢谢!

<div class="toMove">
A
B
C
</div>

$('.toMove').offset( {left:5 , top: 5} );

这会移动所有这些,我如何将它们移动到不同的位置? 如果我想创建任意数量的字母以移动到不同的位置怎么办?

2 个答案:

答案 0 :(得分:1)

不要将offset()应用于整个班级;按ID将其应用于每个单独的项目。

你的第二个问题对我没有意义。请详细说明您的意思,最好使用代码示例。

答案 1 :(得分:1)

移动具有依赖关系的元素的唯一方法是将每个元素包装在不同的HTML元素中。例如,如果你想逐字地移动单词“HELLO”,你应该像这样包装:

<span>H</span>
<span>E</span>
<span>L</span>
<span>L</span>
<span>O</span>

然后你可以根据需要对待效果。我可以说这并不容易,这取决于所期望的效果。