背景移动怎么实现？

http://whoisleon.com/#home
像这个网站的背景这样移动是用什么技术实现的？

解决方案 »

  1.   

    应该不是gif，用js可以实现全景图自动播放
      

  2.   

    使用定时器SetInterval吗，求具体实现方法
      

  3.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    div {
    margin:0 auto;
    width:800px; /*1320*/
    height:513px;
    background:url(http://whoisleon.com/wp-content/themes/whoisleon/images/n_cloud1.jpg) repeat-x;
    }
    </style>
    </head>
    <body>
    <div id="test"></div>
    <script>
    var $ = function(id){
    return document.getElementById(id);
    };
    var obj = $('test');
    var i = 0;
    setInterval(function(){
    obj.style.backgroundPosition = (--i)+'px';
    }, 30)
    </script>
    </body>
    </html>不停地改变 backgroundPosition
      

  4.   

    css spritehttp://baike.baidu.com/view/2173476.htm