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