10-26

   好长一段时间没更新过了，哎！又开始倒腾js了，老是朦朦胧胧的，从今天开始我要记录下来才行，嗯，应该都是比较基础的东西，方便自己学习。

 

<style type="text/css">
            *{ padding:0; margin:0;}
            .c{ width:960px; margin:30px auto 0; border:1px solid #CCCCCC; height:40px; overflow:hidden; font-size:12px;}
            .c ul{ list-style-type:none; margin-top:0; }
            .c ul li{ line-height:40px; height:40px; padding-left:20px;}
        </style>   

 

 

<div class="c" >
        <ul id="xx">
            <li>1111111111</li>
            <li>22222222</li>
            <li>3333333333</li>
            <li>4444444444</li>
        </ul>
    </div>

<script type="text/javascript">
    var a = 1
    
    function yy(){
        $("#xx").animate({"marginTop":-40*a},500,null,function(){
        
            if(a==3){
                a=1;
                return;
            }
            
            a++
            
            setTimeout(function(){
            
                yy();
            
            },2000);
        
        });

    }//定义一个函数；
    
    yy();
        
    </script>

 

 

 

转载于:https://www.cnblogs.com/xym123139/archive/2012/10/26/2740454.html