Change the opacity of an element on MouseOver using jQuery
Build the HTML
First of all build the container. I'll use an image to create the effect.
Wich will have a background image, hidden under the main image.
Now let's use the jQuery code:
You can change the opacity effect to a lower / higher levels.
Tha's all. Check out the live Demo below or the full code.