<div class="serch2_lb">
        <ul id="ser_xlb" id="ser_xlb">
            <li><a href="#">女子三米板奪金銀</a></li>
            <li><a href="#">羅切特遭持槍搶劫</a></li>
            <li><a href="#">少林寺辦傳燈大典</a></li>
            <li><
 
a href="#">周傑倫青蜂車敗訴</a></li>
            <li><a href="#">南京男孩鹹豬手</a></li>
            <li><a href="#">夫妻生活奇葩公證</a></li>
            <li><a href="#">菲律賓總統拒道歉</a></li>
            <li><a href="#">石川佳純贊馬龍</a></
 
li>
            <li><a href="#">劉嘉玲諷謝娜</a></li>
            <li><a href="#">周海媚與男友分手</a></li>
            <li><a href="#">女子三米板奪金銀</a></li>
        </ul>
    </div>

js部分

var ser_xlb=document.getElementById(‘ser_xlb‘);
    
 
var nowPosition;
    var num=1;
    setInterval(function(){
        bbo();
    },1000)

    function bbo(){
        if (num==10){
            $(ser_xlb).animate({"marginLeft": ((-num) * 154) + "px"},"slow",function(){
                ser_xlb.style.marginLeft=0;
                num=1;
            });
        }else{
            $(ser_xlb).animate({"marginLeft": ((-num) * 154) + "px"});
        num++;
        }
        
    }

css

*{
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}
.serch2_lb{
    width: 154px;
    height: 16px;
    background: #C1D8F0;
    line-height: 16px;
    overflow: hidden;
    position: relative;
    margin-top: 1px;
    display: inline-block;
    /*_top:0;
    _left:0;*/
}
#ser_xlb{
    width: 1694px;
    height: 16px;
}
#ser_xlb li{
    float: left;
    width: 154px;
    height: 16px;
    overflow: hidden;

}
#ser_xlb li a{
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
    display: inline-block;
    width: 154px;
    /*overflow: hidden;*/
}

文字小輪播