开发者

jQuery Shimmer Button Effect

开发者 https://www.devze.com 2023-01-30 05:26 出处:网络
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

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.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号