背景移动如何实现

2012-06-11

背景移动怎么实现？http://whoisleon.com/#home像这个网站的背景这样移动是用什么技术实现的？[解决办法]Gif

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

[解决办法]
Gif背景？
[解决办法]
应该不是gif，用js可以实现全景图自动播放
[解决办法]
嗯！背景只是一张图片，js对这张图片进行移动处理
[解决办法]
使用定时器SetInterval吗，求具体实现方法
[解决办法]

HTML code

<!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>
[解决办法]
主要是这张图做得好，移动的时候 看上去就感觉是 连绵不断的。。。。
[解决办法]
css sprite

http://baike.baidu.com/view/2173476.htm

热点排行

asp.net

背景移动如何实现