jQuery 闪烁按钮效果

Question

有没有一种使用jQuery在HTML元素上创建闪烁效果的方法，模拟移动光源？我在Flash组件中看到过这种效果，但还没有看到过使用jQuery的。如果可能的话，希望避免制作闪烁的GIF图像。

编辑1：我想我需要捕获悬停事件，然后使用animate将白色模糊对角线图像堆叠在IMG或DIV标记的边界上，并使其从左向右移动一次。

- Volomike

Answer 1

这是一个带有jQuery闪烁效果的教程（在文章底部有演示链接）： http://www.eu-live.com/?p=164

- mynameiscoffey

---

很遗憾，该版本的效果只突出了白色边框，并没有在苹果本身上照亮光源。我正在寻找一些能够在苹果上照亮光源的东西。 - Volomike

@Volomike，你可以使用类似的代码，但是要对图像应用透明度并将其叠加在顶部。然而，在苹果上照射光源可能会很困难，你需要一个3D渲染引擎来实现。 - tster

Answer 2

这里有一个示例：http://www.jsfiddle.net/gaby/pZm2m/

它与您所寻找的相似，可以动画显示半透明图片的对角线。

我使用了在http://plugins.jquery.com/project/backgroundPosition-Effect上找到的背景位置动画（Background-Position-Animation）插件。

- Gabriele Petrioli

---

顺便说一句，那是我第一次看到在CSS中加载BinHex'd和URL编码的图像。我以前不知道这是可能的。非常惊人，而且在IE中也可以工作。（在IE8和最新的FF中进行了测试。）此外，如果浏览器不支持它，它不会出错并且会很好地降级。 - Volomike

Answer 3

我最近遇到了这个（不是我的代码），看起来相当可行：

http://tedtoy.github.io/ShimmerJS/

。

- 0x6A75616E

Answer 4

另一个机会是这个：

http://www.nealgrosskopf.com/tech/thread.php?pid=79

使用CSS3，适用于近期（2011年以后）的Mozilla、Opera、Chrome、Safari浏览器，或许最终也会支持IE。

- Volomike