<script language="javascript" >
var speed=25; //speed
var num=0;
var photos = document.getElementById('head_image');
function scrollBG() {
num++;
photos.style.backgroundPosition="0"+num;
}
setInterval('scrollBG()',speed);
</script>
这是有问题的网站:www.theorymarine.com
最佳答案
photos.style.backgroundPosition="0"+num;
CSS 长度需要一个单位。
photos.style.backgroundPosition= num+'px 0';
您可能还更喜欢以时间为基础制作动画,这样它移动的速度就不会依赖于“速度”或浏览器性能。例如:
<script type="text/javascript">
var photos= document.getElementById('head_image');
var begin= new Date().getTime();
setInterval(function() {
var x= Math.floor((new Date().getTime()-begin)/25);
photos.style.backgroundPosition= x+'px 0';
}, 25);
</script>
关于html - CSS/Javascript 如何像在 IE7+ 中那样在 Firefox 中制作这个背景位置影片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1468272/