[jQuery] Fade In/Out Effect Issue

Hello

I would like to know if its possible to create a FadeIn/FadeOut effect on my
buttons hover event. Currently the transition is static as shown on this
site http://cooper.zxq.net

The code I implemented to do this hover is just using CSS
background-position property.

<style type="text/css">

.image {
line-height:27px;
height:27px;
background:url(images/button.gif) no-repeat right top;
padding-right:30px;
display:inline-block;
}

.image ins {
background:url(images/button.gif) no-repeat left top;
height:27px;
line-height:27px;
display:inline-block;
padding-left:30px;
}

a.image:hover {background-position:right -155px;}
a.image:hover ins {background-position:left -155px;}

</style>

and the HTML file

# <ins>Test Image</ins>
# <ins>Test 2</ins>

Is it possible to create a FadeIn Out effect on hover?

Cheers

Alex
--
View this message in context: http://old.nabble.com/Fade-In-Out-Effect-Issue-tp26545843s27240p26545843.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.