Hello, I’m learning Jquery recentrly, and I have been trying to implement a little of eye candy to my menu wich is a sprite made of 3 states, What I kinda want to do is similar to what Metalab http://www.metalabdesign.com/ http://www.metalabdesign.com/template/js/main.js and other websites have done to their sprite, kinda like the normal state has the opacity a little lower than normal (0.8 or 0.9) and then on hover switch it to (1) so It gains focus and also this should be animated smoothly so the transition is not so quick, I acomplished this same thing with css3 opacity but I want to use jquery, any help would be great, thanks mates.
My code is this:
HTML:
CSS:
Code:
ul#nav a {
float: left;
display: block;
height: 99px;
text-indent: -99999px;
background-image: url(images/nav.png);
outline:none;
}
Then each class has its background position changed so it shows all the states of the sprites. Any link to an article on this or other help would be appreciated. thanks.
