jQuery從CSS動畫背景圖像

我正在一個網站上工作（目前正在設計階段的刨&），並且我有一大堆表格背景圖像設置。在鼠標懸停的背景圖像不透明度上設置動畫效果會很好（明智）。正如我在jQuery API中看到的 - 這是無法完成的。（或可以嗎？）jQuery從CSS動畫背景圖像

所以我想出了另一個不那麼幹淨的「解決方案」。

所以我的問題是 - 可以工作嗎？ - > （jQuery的僞代碼）

for each table in body 
set cloneOfMyImage.Postition = table.Position 
set cloneOfMyImage.Height = table.Height 
set cloneOfMyImage.Width = table.Width 
set cloneOfMyImage.Opacity = 0

基本上 - >我創建一個在相同的位置，因爲每個表中的「背景」圖像的「克隆」，具有相同的大小作爲各表，使它看起來像背景出現在鼠標上方。

謝謝你的時間。

來源

2011-01-09 Andrej

你想讓背景圖像的不透明度漸變或在兩個值之間切換嗎？如果是後者，那麼如果您只使用具有不同alpha透明度值的兩個PNG並在兩者之間切換，則它可能是最簡單的。 – RoToRa 2011-01-09 21:09:21

我想讓背景圖像的不透明度漸變。我知道如何通過例如來做到這一點。將css從一個（與image1）切換到另一個（與image2），但我認爲動畫會有更好的效果。 – Andrej 2011-01-09 21:11:00

這會工作，但如果你有很多表，因爲DOM Reflow，當然這將取決於瀏覽器和計算機，但也會把很多的重量，但我猜你想要這個爲每個用戶工作非常流暢。可能要考慮animating the background position of the image to create an animation。

來源

2011-01-09 21:18:42 amosrivera

jQuery從CSS動畫背景圖像

回答

相關問題