basicamente lo mismo:
html:
Código HTML :
<div id="menu">
<ul>
<li><a href="#">vinculo 1</a><div class="plin">texto plin plin plin plin</div></li>
<li><a href="#">vinculo 2</a><div class="plon">texto plon plon plon plon</div></li>
<li><a href="#">vinculo 3</a><div class="plun">texto plun plun plun plun</div></li>
</ul>
</div>
css:
Código :
#menu {
position:relative;
height:200px;
width:200px
}
li {
display:block;
}
li:hover div {
display:block; /*the magic!*/
}
li > div {
display:none;
position:absolute;
bottom:0;
width:200px
height:100px
}
.plin {
background: url(url/imagen_plin.jpg) no-repeat
}
.plon {
background: url(url/imagen_plon.jpg) no-repeat
}
.plun {
background: url(url/imagen_plun.jpg) no-repeat
}