Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

javascript pop-up window

In some web pages, when we stop mouse cursor on some words (e.g. some popular movie star names) on the web page, a pop-up box near the words will show-up, showing maybe some related pictures for the move star, a short summary for the movie star, and related twitter link for this movie star. Then we can move mouse on the pop-up windows to click for picture or twitter link.

When the mouse cursor is leaving such pop-up window, the pop-up window will disappear automatically.

Are there any existing ready to use code to implement such effect?

BTW: I remembered some web site has some underline keyword, and when mouse move over such keywords, a related Ads windows will pop-up around the keyword. This is the effect I am looking for in this question.

thanks in advance, George

like image 967
George2 Avatar asked Nov 02 '10 16:11

George2


3 Answers

Look at [jQuery TOOLS][1] - the tooltips.

[1]: http://flowplayer.org/tools/index.html jQuery Tools

like image 53
Ken Ray Avatar answered Oct 27 '22 23:10

Ken Ray


You're looking for the HoverCard effect?

http://www.shoutmeloud.com/gravatar-hovercards-for-wordpress-org-blogs.html

http://closure-library.googlecode.com/svn/docs/closure_goog_ui_hovercard.js.source.html

like image 22
Jochen Avatar answered Oct 27 '22 23:10

Jochen


I think onmouseover is what you need to look into

like image 42
NimChimpsky Avatar answered Oct 27 '22 22:10

NimChimpsky