1  2 
      3  4  5  6 
     
       7 
      
        8 
       
 9 
       
10 
       
11 
       
12 
       
13 
       
14 
       
15 
       
16 
       
17 
       
18 
       
19 
       
20 
       
21 
       
22 
      
23 
     
24 25 26 /* css代码 */27 *{margin:0;padding:0;}28 #gundong{width:882px; height:86px; border:1px solid #999; margin:50px auto; overflow:hidden;}29 #gundong ul{list-style:none; animation:moving 5s  linear infinite; width:200%;}30 #gundong ul li{float:left;}31 #gundong ul{animation:moving 5s linear infinite;}32 #gundong:hover ul{ animation-play-state:paused;}33 @keyframes moving {34     from {35     transform:translateX(0);36     }37     to { 38     transform:translateX(-882px);39     }40 }