PDA

View Full Version : Hover and unhide a div


malfist
06-11-2008, 02:56 PM
I've seen places where if you hover over some text it will display a box that follows the mouse with some information (kind of like an alt) about the text your mouse is over.

How can I do this? I'm assuming it's going to be all html and css except the following the mouse part, that will be javascript. Has anyone done it before. An example would be www.thottbot.com. When you hover over some of the search results (especially items) it displays some information about it.

effpeetee
06-11-2008, 03:02 PM
They just look like a type of drop-down menu.

There are plenty of those around.

Here for example (http://sperling.com/examples/menuh/).

And here also. (http://www.dynamicdrive.com/style/CSSlibrary/category/c1/)

Many more in my Sources program at the foot.



Frank

malfist
06-11-2008, 03:24 PM
Thanks! I'm trying to use this one http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

But it's making my div scroll. Is there a way to fix that?

malfist
06-11-2008, 03:28 PM
I fixed it with overflow: hidden and top: -5px

effpeetee
06-11-2008, 04:02 PM
You may find this interesting. It's from my own site.

Alice in Wonderland (http://exitfegs.co.uk/Alice.html#nogo13)

Another type of display. (http://exitfegs.co.uk/steve.html)

This is a good one designed to keep a picture on screen until reselected.
. (http://exitfegs.co.uk/b25.html)

Frank