jquery - 滾動背景

我想要實現的是一個帶有png透明度和背景的徽標，它可以自動向下滾動，因此它可以提供像閃光燈一樣的效果。我使用jquery.backgroundPosition.js插件，它使後臺滾動。jquery - 滾動背景

代碼：

HTML

<div id="logo"> 
    <h1><img src="img/logo.png" alt="The logo" width="420px" height="420px" /></h1> 
</div>

CSS

#logo { 
margin: 150px 400px; 
display: block; 
width: 420px; 
height: 420px; 
overflow: hidden; 
background: transparent url('../img/bg.jpg') repeat-y 0 -1500px; 
}

$(document).ready(function(){ 
    $('#logo').animate(
     {backgroundPosition: '0 -99999999px'}, 
     {duration: 5550000} 
    ); 
});

的問題是，該溶液中的動畫在第一次變成很慢，然後速度幾分鐘後，它的速度非常快。我是javascript noob，所以我不知道更好的解決方案。

來源

2010-09-04 user439573

'bg.jpg'的尺寸是多少？ – 2010-09-04 10:51:47

這是420x2300px，它是y-repeated。這是因爲它是一個漸變圖像，並且滾動會使徽標改變顏色。 – user439573 2010-09-04 12:54:32

可能存在緩解問題。您可以嘗試使用線性緩動而不是默認的jswing。

$('#logo').animate(
     {backgroundPosition: '0 -99999999px'}, 
     {duration: 5550000, easing: 'linear'} 
    );

來源

2010-09-04 10:59:49

聽起來很對我。 – 2010-09-04 12:31:43

jquery - 滾動背景

回答

相關問題