电影图片运动？谷歌运动logo？

本文案例请点击这里！http://www.lovewebgames.com/film/

   window.onload= 
  function(){ 
  
      
  var filmImg = document.getElementById("filmImg"); 
  
      
  var width = filmImg.width; 
  
      
  var height = filmImg.height; 
  
      
  var style=filmImg.style; 
  
      
  var x =0 ; 
  
      
  var y =0 ; 
  
      
  var nx=6; 
  
      
  var ny=4; 
  
      
  var speed=50; 
  
      
  var ix=width/nx; 
  
      
  var iy=height/ny; 
  
      
  var t =setInterval(run,speed); 
  
      
  var add= 
  function (n){ 
  
          
  return n-=25 
  
     } 
  
      
  function run(){ 
  
         x+=ix; 
  
          
  if(x>=width){ 
  
             x=0; 
  
             y+=iy 
  
              
  if(y>=height){ 
  
                 x=0;y=0; 
  
             } 
  
         } 
  
         style.left =- x+"px"; 
  
         style.top =- y+"px"; 
  
     } 
  
      
  
 } 
 

恩，就是这样了。随手写了几行代码，其实没你想象中的那么复杂。

css:

 
  <style>
 .film{ 
  width: 
  700px; 
  height: 
  700px; 
  border: 
  10px solid #ccc; 
  margin: 
  0 auto; 
  overflow: 
  hidden;} 
  
 .film img{ 
  position: 
  relative;} 
  
 </style> 
 

 html:

 
  < 
  div  
  class 
  ="film" 
  > 
  
 
  < 
  img  
  alt 
  ="" 
   src 
  ="http://images.cnblogs.com/cnblogs_com/tianxiangbing/eagle.jpg" 
   border 
  ="0" 
   height 
  ="3030" 
   width 
  ="5000" 
    
  /> 
  
 
  </ 
  div 
  > 
 

本文案例请点击这里！http://www.lovewebgames.com/film/