0

I am attempting to make a transition/fade effect when a user hovers over a link. I am trying this technique... however I cannot figure out how to do this technique. I know how to do it with css, but I want to know how to do it with the following code:

<div id="navigation">
<a href="#portfolio"><img src="images/port-nav.png" onmouseover="this.src='images/port-nav1.png'" onmouseout="this.src='images/port-nav.png'" alt="PORTFOLIO" 

/></a><a href="#resume"><img src="images/resu-nav.png" onmouseover="this.src='images/resu-nav1.png'" onmouseout="this.src='images/resu-nav.png'" alt="RESUME" 

/></a><a href="#contact"><img src="images/cont-nav.png" onmouseover="this.src='images/cont-nav1.png'" onmouseout="this.src='images/cont-nav.png'" alt="CONTACT" 

/></a><a href="#articles"><img src="images/arti-nav.png" onmouseover="this.src='images/arti-nav1.png'" onmouseout="this.src='images/arti-nav.png'" alt="ARTICLES" 

/></a>


</div>

Thank you.

3
Contributors
2
Replies
19
Views
3 Years
Discussion Span
Last Post by mattster
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.