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动画背景图像

回答

相关问题