有没有办法在 HTML 元素上创建闪光效果,使用 jQuery,模拟移动的光源?我在 Flash 组件上看到了这一点,但还没有看到使用 jQuery 的组件。如果可以的话,想要避免制作闪闪发光的 GIF。
EDIT1:我想我必须捕捉悬停事件,然后使用动画在 IMG 或 DIV 标签的边界顶部堆叠白色模糊对角线图像,将其从左向右移动一次。
这是一个带有 jQuery 微光效果的教程(帖子底部的演示链接):
刚刚做了一个例子: http: //www.jsfiddle.net/gaby/pZm2m/
这与您正在寻找的相似吗?
它做了你提到的......为对角线半透明图像设置动画。
我使用了位于http://plugins.jquery.com/project/backgroundPosition-Effect的Background-Position-Animation插件
我最近遇到了这个(不是我的代码),它看起来很可行:
另一个机会是这个:
http://www.nealgrosskopf.com/tech/thread.php?pid=79
使用 CSS3 并在最近的 (2011+) Mozilla、Opera、Chrome、Safari 和最终可能的 IE 上工作。