<分区>
标签 javascript jquery html css loops
<分区>
我想在循环中执行 jQuery 淡入和淡出,例如 here in this jsfiddle
但我想为每个 .trip 元素保持不同的 css 定位,即淡入和淡出的元素。
例如元素 <div id="3" class="trip">Item3</div>
,我想添加定位,以便它在淡入时显示左 200px,例如在这个 css 中:
#3{position:absolute; left:200px;}
AND 用于另一个元素
#2{position:absolute; left:100px;top:100px;}
使用 jsfiddle 中的当前代码,元素将加载到页面的同一位置。
我尝试像上面那样将 css 添加到不同的元素,但它仍然加载在与 jsfiddle 中相同的位置。
我该如何解决这个问题?
最佳答案
你可以给每个ids留边距
CSS:
#a2 { margin-left: 200px; }
#a3 { margin-left: 400px; }
HTML:
<div id="main">
<div id="one" class="trip">Item1</div>
<div id="two" class="trip">Item2</div>
<div id="three" class="trip">Item3</div>
</div>
关于javascript - jQuery 循环中 div 的不同 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24896572/