jQuery微光按钮效果

时间:2010-12-14 06:52:14

标签: jquery button effect

有没有办法在HTML元素上创建微光效果,使用jQuery,模拟移动光源?我在Flash组件上看到了这个,但还没有看到过jQuery。如果可以的话,我希望避免制作闪烁的GIF。

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

4 个答案:

答案 0 :(得分:3)

这是一个带有jQuery微光效果的教程(帖子底部的演示链接):

http://www.eu-live.com/?p=164

答案 1 :(得分:2)

刚刚举了一个例子:http://www.jsfiddle.net/gaby/pZm2m/

这与您要找的相似吗?

它就是你提到的......为对角半透明图像设置动画。

我使用了http://plugins.jquery.com/project/backgroundPosition-Effect

中的 Background-Position-Animation 插件

答案 2 :(得分:2)

我最近碰到了这个(不是我的代码),看起来很可行:

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

答案 3 :(得分:0)

另一个机会就是这个:

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

使用CSS3并最终适用于最近的(2011+)Mozilla,Opera,Chrome,Safari,以及最终的IE。