读书人

背景移动如何实现

发布时间: 2012-06-11 17:42:22 作者: rapoo

背景移动怎么实现?
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

热点推荐