jQuery循环中div的不同CSS
这个问题在这里已经有了答案:
您可以为每个ID提供保证金
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>
在这里演示
你不能用CSS中的数字来启动id。 尝试这个
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>
CSS
#two{position:absolute; left:100px;top:100px;}
#three{position:absolute; left:200px;}
或者你可以动态地给他们保证金,有些事情是这样的:
function go() {
$elem.eq(i % l).fadeIn(700, function() {
$elem.css( { marginLeft :( (i+1) * 100)+ "px", marginRight :((i+1) * 100) + "px" } );
$elem.eq(i % l).fadeOut(700, go);
i++;
})
}
链接地址: http://www.djcxy.com/p/15451.html