CSS / JavaScript كيف يمكنني جعل فيلم موقف الخلفية هذا في فايرفوكس كما يفعل في 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.backpowalposition = "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