jQuery动画来自CSS的背景图像

Question

我正在一个网站上工作（目前处于规划和设计阶段），我有一堆桌子，背景图像设置为它。在鼠标悬停时为背景图像的不透明度设置动画会很棒（设计明智）。正如我在jQuery API中看到的那样 - 这是无法做到的。 （或者可以吗？）

所以我想出了另一个不那么干净的“解决方案”。

所以我的问题是 - 这可行吗？ - ＆GT; （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

基本上 - ＆gt;我在与每个表相同的位置创建“背景”图像的“克隆”，与每个表的大小相同，并使其看起来像鼠标上出现的背景。

感谢您的时间。

Answer 1

这会起作用，但是如果你有很多表，那么也会对浏览器产生很大的影响，因为DOM Reflow，当然这取决于浏览器和计算机，但我猜你希望这对每个用户都非常流畅。

也许想要考虑animating the background position of the image to create an animation。