Código:
<script type="text/javascript">
$(".info").mouseenter(function() {
$(".texto").html($("#"+this.title).html());
});
$(".info").mouseleave(function() {
$(".text").html($("#welcome").html());
});
</script>
Código HTML:
<div class="info" title="ejemplo1">
Cuando pongas el cursor encima aparecera un texto en otro div.
</div>
<div class="info" title="ejemplo2">
Cuando pongas el cursor encima aparecera un texto en otro div.
</div>
<div id="ejemplo1">
Ejemplo 1
</div>
<div id="ejemplo2">
Ejemplo 2
</div>
<div id="welcome>
Contenido cuando no tienes el cursor encima de info.
</div>
<div class="texto" />
Gracias.