onmouseover show DIV

Have you done search on google recently? After google displays开发者_Go百科 the search, if you put your mouse over search term google displays a preview of the site to the right with shadowbox and allows the user to control (close) the DIV.

How do I achieve that script?

Thanks

There are many steps required in getting you to that point.

First, check out JQuery and become comfortable with the syntax.

Second, read up on the .hover() function which will allow you to do something like this:

$('#my_preview_link').hover(function(){
    $('#my_preview_div').fadeIn();
},function(){
    $('#my_preview_div').fadeOut();
});

Try these:

http://www.shadowbox-js.com/

http://api.jquery.com/hover/