CSS / JavaScript的如何使这个背景,地位的电影在Firefox像它在IE7 +呢?
-
13-09-2019 - |
题
<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>
不隶属于 StackOverflow