jQuery Shimmer Button Effect

jquery button effect
Volomike picture Volomike · Dec 14, 2010 · Viewed 7.2k times · Source

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 white fuzzy diagonal image on top of an IMG or DIV tag's boundaries, moving it from left to right once.

Answer

mynameiscoffey picture mynameiscoffey · Dec 14, 2010

Here is a tutorial with a jQuery shimmer effect (demo link at the bottom of the post):

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

Related questions

Get the contents of a table row with a button click

I need to extract the details of each column in my table. For example, column "Name/Nr.". The table contains a number of addresses The very last column of each row has a button that lets a user choose a …

Read More
Best way to disable button in Twitter's Bootstrap

I am confused when it comes to disabling a <button>, <input> or an <a> element with classes: .btn or .btn-primary, with JavaScript/jQuery. I have used a following snippet to do that: $('button').addClass(…

Read More
Auto-click button element on page load using jQuery

If I wanted to auto-click a button element on page load, how would I go about this using jQuery? The button html is <button class="md-trigger" id="modal" data-modal="modal"></button> Any help on this topic …

Read More