jQuery Shimmer 按钮效果答案

【问题标题】：jQuery Shimmer Button EffectjQuery Shimmer 按钮效果
【发布时间】：2011-05-25 02:41:48
【问题描述】：

有没有办法在 HTML 元素上创建闪光效果，使用 jQuery，模拟移动的光源？我在 Flash 组件上看到了这一点，但还没有看到使用 jQuery 的组件。如果可以的话，想避免制作闪闪发光的 GIF。

EDIT1：我想我必须捕捉悬停事件，然后使用动画在 IMG 或 DIV 标签的边界顶部堆叠白色模糊对角线图像，将其从左向右移动一次。

【问题讨论】：

【解决方案1】：

这是一个带有 jQuery 微光效果的教程（帖子底部的演示链接）：

【讨论】：

【解决方案2】：

刚刚做了个例子：http://www.jsfiddle.net/gaby/pZm2m/

这与您正在寻找的相似吗？

它会按照你提到的那样做 .. 为对角线半透明图像设置动画。

我使用了在http://plugins.jquery.com/project/backgroundPosition-Effect找到的Background-Position-Animation插件

【讨论】：

顺便说一句，这是我第一次看到在 CSS 中加载 BinHex 和 URL 编码的图像。我不知道这是可能的。简直令人震惊，它也适用于 IE。（在 IE8 和最新的 FF 中测试。）另外，如果一个浏览器不支持它，它不会出错并很好地降级。

【解决方案3】：

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

【讨论】：

【解决方案4】：

另一个机会是这个：

使用 CSS3 并在最近的 (2011+) Mozilla、Opera、Chrome、Safari 和最终可能的 IE 上工作。

【讨论】：