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" />