w2mt
07-04-2007, 09:50 AM
hi can someone help me out with this?
i have a made menu with hover links, so if mouse goes over the menu button, the background image of changes, also another image appears below the menu, with an explaining text about the menu item.
what i wanna do is to make that feedback text image fade in smoothly, not just pop up quickly. and later possible fade out to another text if you go to another menu item with mouse. i cant make them as animated gifs either, that would make too big file sizes. i've seed the codes for fade effects but dont know how to use them in my case. can you help me write a code that would make the #feedback item fade in (and out)? thanks!
#menu LI A#menulink { background-image: url(/menu.jpg); background-position: -11px 0; width: 108px; height: 47px; }
#menu LI A#menulink:hover { background-image: url(/menu.jpg); background-position: -11px 47px; }
#menu LI A#menulink:hover #feedback { background-image: url(/feedback.jpg); background-position: 0 0; position: absolute; top: 73px; left: -11px; width: 3
i have a made menu with hover links, so if mouse goes over the menu button, the background image of changes, also another image appears below the menu, with an explaining text about the menu item.
what i wanna do is to make that feedback text image fade in smoothly, not just pop up quickly. and later possible fade out to another text if you go to another menu item with mouse. i cant make them as animated gifs either, that would make too big file sizes. i've seed the codes for fade effects but dont know how to use them in my case. can you help me write a code that would make the #feedback item fade in (and out)? thanks!
#menu LI A#menulink { background-image: url(/menu.jpg); background-position: -11px 0; width: 108px; height: 47px; }
#menu LI A#menulink:hover { background-image: url(/menu.jpg); background-position: -11px 47px; }
#menu LI A#menulink:hover #feedback { background-image: url(/feedback.jpg); background-position: 0 0; position: absolute; top: 73px; left: -11px; width: 3