Esta página que você mandou não carrega códigos JavaScript durante a execução, apenas manipula de forma dinâmica alguns elementos HTML. Vamos ver como recriar este efeito.
Ao realizar o mouseover, o site mostra uma div na posição do mouse e carrega dentro dela um iframe com a url do link (neste caso, um perfil do Google Plus).
Vamos ver como podemos reproduzir este efeito
essa aqui é a janela onde será rodado ajax para carregar
<div id="user"></div>
ela precisa ter este atributo CSS
#user{
position: absolute; //para ficar em qualquer lugar da página
display: none; //para ficar escondida
}
Vamos dar uma olhada nos links com o nome do usuário:
<a ... class="g-profile" href="https://plus.google.com/9999999999999999999" ...>
....
</a>
Os links contém a classe g-profile
e um atributo href
. É tudo o que precisamos para prosseguir.
Agora vamos para os scripts. Como vamos manipular muitos elementos, recomendo utilizar o jQuery para economizar sintaxe e tempo de debug.
$(document).ready(function(){
$('.g-profile').hover(function(){
//quando o mouse ficar em cima do link...
var mouseX = e.pageX; //pegue a coordenada x do mouse
var mouseY = e.pageY; //pegue a coordenada y do mouse
var url = $(this).attr('href'); //pegue a url do link
$('#user').html("<iframe src="+url+"></iframe>"); // crie o iframe com a url
//mova a div e mostre-a
$('#user').css({'top':mouseY,'left':mouseX,'display':'block'});
},function(){
// quando o mouse sair...
$('#user').css('display','none'); //esconda a div
});
});