Либо вот так делаешь:
<script type="text/javascript" src="/js/jQuery.js"></script>
<script type="text/javascript">
$(function(){
$("#ee").hover(function(){
var bg = $(".portfolio");
var bg1 = $(".portfolio_1");
if (bg1.css("display") == "none"){
bg.fadeOut(500);
bg1.fadeIn(500);
}
else if (bg.css("display") == "none"){
bg1.fadeOut(500);
bg.fadeIn(500);
}
})
});
</script>
<style type="text/css">
.portfolio,.portfolio_1{
background-image:url("/images/background.png");
float:left;
position:absolute;
top:0;
z-index:1;
width:100%;
height:100%;
text-align:center;
font:14px tahoma;
color:black;
text-decoration:none;
}
.portfolio_1{
background-image:url("/images/background_1.png");
display:none;
z-index:3;
}
#ee{
width:200px;
height:100px;
margin:20px;
position:relative;
}
</style>
<div id="ee">
<a href="#" class="portfolio">Текст</a>
<a href="#" class="portfolio_1">Текст</a>
</div>
либо качаешь плагин и используя документацию и делаешь так как тебе именно надо.