Is there a way to create a shimmer effect on an HTML element, using jQuery, simulating a moving lightsource? I see this on Flash components, but haven't seen one with jQuery yet. Want to avoid having to make shimmering GIFs if I can.
EDIT1: I imagine I'll have to capture the hover event and then use animate to stack a 开发者_JAVA百科white fuzzy diagonal image on top of an IMG or DIV tag's boundaries, moving it from left to right once.
Here is a tutorial with a jQuery shimmer effect (demo link at the bottom of the post):
http://www.eu-live.com/?p=164
Just made an example: http://www.jsfiddle.net/gaby/pZm2m/
is this similar to what you are looking for ?
It does what you mention .. animate a diagonal semi transparent image.
I used the Background-Position-Animation plugin found at http://plugins.jquery.com/project/backgroundPosition-Effect
I recently ran into this one (not my code) and it looks quite workable:
http://tedtoy.github.io/ShimmerJS/
Another opportunity is this one:
http://www.nealgrosskopf.com/tech/thread.php?pid=79
Uses CSS3 and works on recent (2011+) Mozilla, Opera, Chrome, Safari, and perhaps IE eventually.
精彩评论