Texto deslizar e rotacionar

Gostaria de aplicar um efeito javascript no meu texto, em que quando o usuário passasse o mouse em cima do texto, o texto iria deslizar para o lado e iria rotacionar 90 graus ao mesmo tempo.

Eu consegui o código para rotacionar, que no caso é esse daqui:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="jqueryrotate.js"></script>
<script>
$(document).ready(function(){
 var value = 0
 $("#forum").mouseover(function(){value +=90;
 $('#forum').rotate({animateTo:value})
 });
$("#forum").mouseout(function(){value +=-90;

$('#forum').rotate({animateTo:value})

});
});
</script>
<p id="forum" align="center">Fórum</p>

A principio ele está funcionando bem, quando eu passo o mouse em cima ele rotaciona direitinho.

Agora o efeito para que ele deslize para o lado eu não consigo achar em lugar nenhum! Alguém pode me ajudar?