HTML:

     
                
      
                    
       
                        
        shouye                    
       
                    
       
                        
        shouyeshouye                    
       
                    
       
                        
        shouyeshouyeshouyeshouyes                    
       
                    
       
                        
        shouye                    
       
                    
       
                        
        shouye                    
       
                    
       
                        
        shouye                    
       
                    
       
                        
        shouye                    
       
                    
       
                        
        shouye                    
       
                    
       
                        
        shouye                    
       
                
      
            
     
        

CSS:

#navbar{    background: rgba(247,247,247,0.95);    overflow: hidden;    position: relative;    text-align: center;    font-size: 1em;    padding-left: 5px;    line-height: 28px;}#navbar_content{    font-size: 1em;    text-align: left;    white-space: nowrap;    position: relative;}.channel{    vertical-align: top;    display: inline-block;    padding: 0 5px;    color: rgba(0,0,0,0.6);    font-weight: normal;    line-height: 26px;    border-bottom: 2px solid transparent;}.channel.active {    color: #1c88cd;    border-color: #1c88cd;}

JS:

$(function(){        console.log($('#navbar').width())        var total_width=0;        var div_arr=$('.channel');        for(var i=0,len=div_arr.length;i
     
       0) {                new_left = '0'            }             $(e.currentTarget).animate({left: new_left}, 500);            e.currentTarget.style.left = new_left;                    });    });