按鈕的動畫背景圖像

對不起，如果這個問題已經完成了死亡，但我無法動畫背景圖像動畫。我附上了相關的背景插件，我可以將它作爲一個按鈕manouver進行動畫製作，但我正在努力獲得幾個按鈕，以在同一圖像上擁有自己的背景位置點。按鈕的動畫背景圖像

目標是在每個鏈接被點擊時使橫幅圖像具有不同點的動畫效果。

這裏是我到目前爲止的代碼：

$document.ready(function(){ 
    $('#home').click(function(){ 
     $('#banner').animate({backgroundPosition:'(-400px 0px)'},500); 
    } //end Home banner animation 

    $('#releases').click(function(){ 
     $('#banner').animate({backgroundPosition:'(-800px 0px)'},500); 
    } // end releases banner animation 
} //end ready

我是相當新的jQuery的，我瞭解的基礎知識，但是這是一個有點頭劃傷的我。他們有很多關於背景動畫的教程，但是我找不到一個能夠完成這個任務的教程。

來源

2013-06-24 JamesSeabrook

您不必在單擊處理結束括號：'點擊（函數（）{...}）;'或者在'ready'功能。 – bozdoz

嘗試類似於：$（'＃banner'）。stop（）。animate（{backgroundPosition：'-400px 0px'}，500）;'no'（）'在css asignment – SpYk3HH

你的jQuery代碼在這裏有幾個錯誤。

各地文檔沒有括號
沒有結局牙套
backgroundPostition應該是背景位置

同時我遇到使用的背景現在的位置，並設置X &Ÿ另一個問題座標時間。現在我改變它使用background-position-x &挖掘爲什麼不起作用。
這裏是一個工作的代碼，可以幫助你：

$(document).ready(function(){ 
    $('#home').click(function(){ 
     $('#banner').animate({'background-position-x' : '-400px'},500); 
    }); //end Home banner animation 

    $('#releases').click(function(){ 
     $('#banner').animate({'background-position-x' :'-800px'},500); 
    }); // end releases banner animation 
}); //end ready

來源

2013-06-24 20:14:31 face

這很有幫助，我會回顧我的代碼並糾正我的錯誤。謝謝你的麻煩。 – JamesSeabrook

按鈕的動畫背景圖像

回答

相關問題