PROMULGATOR

    懂

    重庆市
    Html
    Css
    Js

    
                        


                        

                            


.banner {
	width:500px;
	height:300px;
	border:1px solid red;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.long {
	width:2500px;
	font-size:0;
	position:absolute;
	left:0;
	-webkit-animation:banner 10s infinite;
}
@-webkit-keyframes banner {
	0%,15% {
	left:0;
}
25%,40% {
	left:-500px;
}
50%,65% {
	left:-1000px;
}
75%,90% {
	left:-1500px;
}
100% {
	left:-2000px;
}
}

                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
css动画控制左右轮播

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             

                         

                     

                   
                


                
3



  
    
      
    
    

     

            
    
              
    
              
      
                
       peterz0
      
                
       2020/11/20 14:12:10
      
                
      
              
    
              
            
    



  
                   
         
         

            
    
              
    
              
      
                
       lll0
      
                
       2019/1/6 2:56:44
      
                
      
              
    
              
      
                图片停留的间隔不一样啊，这怎么解决？
                
                回复
                
      
                
      
              
    
            
    



  
                   
         
         

            
    
              
    
              
      
                
       xsyxsyxsy0
      
                
       2017/5/5 17:53:38
      
                
      
              
    
              
      
                
      我想知道那个font-size：0；起到了什么作用。
      
                
                回复