jQuery循环中div的不同CSS

这个问题在这里已经有了答案:

  • 什么是HTML中的id属性的有效值? 21个答案

  • 您可以为每个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

    上一篇: Different CSS for divs in jQuery loop

    下一篇: div with the id="(name)" can I use this or not?