5

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

asked Nov 2, 2010 at 16:02
4
  • 1
    What are you asking? I don't see any question marks. Commented Nov 2, 2010 at 16:05
  • 1
    what's the question exactly? How to implement this? There are many ways... Commented Nov 2, 2010 at 16:05
  • Sorry Josh, my mistake. Here is what I am asking "Are there any existing ready to use code to implement such effect?". Commented Nov 2, 2010 at 16:06
  • Hi Alex, sorry it is my mistake. Here is what I am asking "Are there any existing ready to use code to implement such effect?", I am not a javascript guru and please let me know a simple and easy way to implement. What I want to have is pop-up window around the keyword, not at the corner of the whole web page. Commented Nov 2, 2010 at 16:07

4 Answers 4

4

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

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

answered Nov 2, 2010 at 16:12
Sign up to request clarification or add additional context in comments.

3 Comments

Which component or more detailed link for jQuery tools shall I use to implement the effect I am looking for?
Hi Alex, which component from jQuery tools should I use to implement such effect?
George - look at the tooltip tool: flowplayer.org/tools/demos/tooltip/index.html
2

2 Comments

Yes, this is what I am looking for. Any existing ready to use code?
The above links are dead as of 2017. Google's Closure Library for Hovercards seems to be still available from here: google.github.io/closure-library/api/goog.ui.HoverCard.html
1

I think onmouseover is what you need to look into

answered Nov 2, 2010 at 16:08

Comments

1

You might also want to use the title attribute in some HTML elements.

An example from this page:

<span class="reputation-score" title="your reputation score; view reputation privileges">611</span>

When you hover over your reputation you get the message in the title attribute. It's not as fancy as some of the other answers but it is quick and simple.

answered Nov 2, 2010 at 16:10

1 Comment

@George. I added an example.

Your Answer

Draft saved
Draft discarded

Sign up or log in

Sign up using Google
Sign up using Email and Password

Post as a guest

Required, but never shown

Post as a guest

Required, but never shown

By clicking "Post Your Answer", you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.