CSS/JavaScript IE7+와 마찬가지로 Firefox 에서이 배경 위치 영화를 어떻게 만드는가?
-
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