2011-07-20 88 views
2

我有一個按鈕列表,當我將鼠標懸停在它們上面時,我想要一個新的背景顏色向下滑動,我知道slide()函數,但是如何將其應用於背景顏色屬性?背景顏色滑下來

+0

你想做什麼?和哪個dom背景顏色你想改變?任何代碼?或HTML? – abhijit

+0

如何滑動純色? –

回答

1

檢查this site I made for a client ages ago - 我甚至不記得的代碼是如何工作的,但本質上它不使用的背景顏色,它採用<div>元素,絕對定位的各個環節的背後,動畫他們在相關<a>元素的懸停。

+0

這就是我想要的效果,但按鈕可以通過數據庫修改,所以我不能使用絕對定位 –

1

這樣做幾乎有無盡的方法。這裏有一個列表檢查出:

  1. http://snook.ca/archives/javascript/jquery-bg-image-animations
  2. http://www.protofunc.com/scripts/jquery/backgroundPosition/
  3. http://www.webresourcesdepot.com/background-image-animation-with-jquery-jani/

只是谷歌的jQuery Backgorund動漫形象,但他們都有一個共同特點是什麼,要麼一個子元素幻燈片上下或背景圖像位置正在動畫。

我建議你遠離jQuery Color插件,因爲當你尋找像這樣的東西時,它聽起來像是一個好主意,但我認爲社區會同意我這是非常錯誤的,除非你去充分UI庫。

0

我不知道滑落背景的方法。爲此,您可以使用DIV-S行爲類似按鈕,或者你可以試試這個:

$(buttonselector).css('background-color','red'); 

這不是一個幻燈片,但它應該改變顏色。